Extension Points and Source Code Customization : Custom templates

Custom templates

The Kendo UI Builder uses templates along with associated meta-data to generate the UI for a web app. Templates define the UI, data mapping, and UI logic in a specific framework (AngularJS currently), while the meta-data is framework agnostic. In addition to built-in templates, the Kendo UI Designer supports a set of templates (custom templates) for which you can customize the source for the template UI, data mapping, UI logic, and associated meta-data. These custom templates include two types of templates:
*View templates — Customizable versions of the built-in predefined templates for creating Data-Grid* views that you get using the Add View dialog in any user-created module.
*Component templates — Customizable versions of some of the built-in templates for components that you can add to a Blank view by dragging and dropping them from the COMPONENTS pane onto the view design panel.
These custom templates are project based compared to the built-in view and component templates, which are available in every project created in the Designer. Starter versions of these templates are provided as part of your Kendo UI Builder installation. You must copy any starter templates you want to customize into each web app project.
Within each project, you can then customize these templates as needed. However, these customizations apply only to the project where the custom templates reside. If you want to share these customizations with other projects, you must manually copy the custom templates to other projects that you want to share them.
Note: In order to customize templates, experience with JavaScript, ES6, Kendo UI, and AngularJS is required. Note also that customizing templates is an advanced activity and not typical for most OpenEdge ABL developers.
Note: You cannot customize the built-in view and component templates that are provided with every project that you create in the Designer. You can only customize instances of the starter templates in each project where you have copied them.
Caution: Do not customize the starter templates in your Kendo UI Builder installation, where they can be corrupted. Customize starter templates only in projects where you can test and verify your customizations.
* Copying starter templates to a project
* Stacked-Data-Grids view
* Customizing templates
* Using custom templates in the Designer