From the Toolbar Items dialog, you can add or remove buttons, separators, and templates with the following properties:
Items: An item list with its own toolbar above it that allows you to click icons that have the following tooltips:
Add Button to Toolbar: Adds a button item to the list.
Add Split Button to Toolbar: Adds a split button item to the list.
Add Button Group to Toolbar: Adds a button group item to the list.
Add Button to the selected ...: Adds a button item to the currently selected split button or button group item.
Add Template to Toolbar: Adds a custom template item to the list.
Add Separator to Toolbar: Adds a separator to the current end of the list.
Properties: After adding items, when you select a:
Split button item in the list, you see the following properties:
Id: An ID you can specify for the split button.
Text: A label text that you specify for the split button.
Button group item in the list, you see the following properties:
Id: An ID you can specify for the button group.
Button item in the list, or in a split button or button group, you see the following properties:
Id: An ID you can specify for the button.
Text: A label text that you can specify for the button.
Primary: Indicates whether the button will be highlighted with a background color.
Togglable: Indicates whether the button can be toggled on and off.
Group (in button groups only): A name you can specify for a group with which this button is associated.
Events:
▪ Click Event Function: The name of a JavaScript function that runs when the user clicks this button.
▪ Toggle Event Function: The name of a JavaScript function that runs when the user toggles this button when Togglable is checked.
The code for these event functions must be included in the file, application-folder\app\src\modules\module-folder\view-folder\controller.public.js. See Kendo UI Builder by Progress: Modernizing OpenEdge Applications for more information about extensions and event functions.
Template item in the list, you see the following properties:
Id: An ID you can specify for the button group.
Template ID: The Id of an HTML custom template that implements this item in the list. If specified, the template must be located in the application-folder\app\src\modules\module-folder\view-folder\topSection.html file.
Template Function: A function used to implement the template for this item in the list. Any function you name in this field must be defined in application-folder\app\src\modules\module-folder\view-folder\controller.public.js.
Separator in the list, no properties are available for a separator.
Items: An item list with its own toolbar above it that allows you to click icons that have the following tooltips: