CustomToolbar
Custom Toolbar (which AdapTable will manage) enabling devs to populate Dashboard with bepoke content
TypeScript
export interfaceProperties
| Property | Description |
|---|---|
| frameworkComponent | The Framework-specific (Angular, React or Vue) component to be rendered |
| name | How Toolbar is referenced (e.g. in Dashboard Popup when managing toolbars) |
| render | Function to provide custom content when NOT using a Framework wrapper |
| title | Title to display in Toolbar; if unset or empty string, nothing will show |
| toolbarActions | Actions available in a Custom Dashboard Toolbar |
| toolbarButtons | Optional set of buttons to show in the Toolbar |
Property Details
frameworkComponent
The Framework-specific (Angular, React or Vue) component to be rendered
TypeScript
frameworkComponent?: AdaptableFrameworkComponent;Property Value
name
How Toolbar is referenced (e.g. in Dashboard Popup when managing toolbars)
TypeScript
name: string;Property Value
string
render
Function to provide custom content when NOT using a Framework wrapper
TypeScript
render?: (customRenderContext: CustomRenderContext) => string | null;Property Value
(customRenderContext:CustomRenderContext) => string | null
title
Title to display in Toolbar; if unset or empty string, nothing will show
TypeScript
title?: string;Property Value
string
toolbarActions
Actions available in a Custom Dashboard Toolbar
TypeScript
toolbarActions?: ToolbarActions;Property Value
toolbarButtons
Optional set of buttons to show in the Toolbar
TypeScript
toolbarButtons?: AdaptableButton<CustomToolbarButtonContext>[];