Support for Custom Templates was introduced in Kendo UI Builder 2.0.1.
With this functionality, you can write custom views and components templates to use in the designer and generate code into a KUIB app.
Use the following steps to use this functionality:
The templates folder contains a sample set of custom templates that you can modify to meet your actual requirements.
Customizing a template improves productivity when using Kendo UI Builder. For example, default values can be changed, access to Kendo UI properties and code use to override functionality, can be specified via a template so that the customization is available to every view created using the custom template.
The templates/Readme.txt provides information on getting starter.
You can remove the sub-directories for the templates that you do not need.
This article provides information on customizing a data-grid template by changing some of its properties and code generation.
Example changing default from 20 to 10:
"description": "The number of data items which will be displayed in the grid.",
The autoBind property of the Kendo UI Grid can be set to false to disable the initial read.
Excerpt from custom-data-grid.json:
"title": "Auto Bind",
"description": "If set to false, the Grid will not bind to the data source during initialization.",
Place this property prior to the pageSize property in the JSON file.
Excerpt from options.json.ejs:
"autoBind": <%= autoBind %>,
Place this code after the options object in options.json.ejs.
Keyboard navigation can be enabled for a Kendo UI Grid by setting its selectable and navigatable properties.
The source template already includes selectable: true.