To edit a widget template, perform the following:
Some of these templates by default use our Kendo controls (all Kendo UI is included in the Sitefinity CMS distribution), so you can customize them using the options, methods, and events from the Kendo API. For more information, see https://docs.telerik.com/kendo-ui/api/web/menu and https://docs.telerik.com/kendo-ui/api/web/treeview.
For example, the Tree (vertical with sub-pages) template uses the Kendo TreeView control and the Horizontal with dropdown menus template uses the Kendo Menu control.
Following is an example of how to customize the template, so that the navigation nodes expand on the initial loading.
Using the <script> tag
You do this with a <script> tag directly in the template.
When you publish the page, the tree is rendered in collapsed state.
The following example shows how to customize the navigation to collapse all nodes, except the currently open one.
Follow this example, if you want to have a navigation that is displaying in an accordion style provided by the Kendo PanelBar. For more information, see https://docs.telerik.com/kendo-ui/api/web/panelbar.
Follow this procedure, if you want to modify the default behavior of the menu template in order to open the parent pages on click and expand the menu on hover.
Perform the following:
var whetherToOpenOnClick = true;
Follow this procedure, if you want to use RadControls with the Navigation widget. This example uses RadMenu instead of the kendoMenu.
Sign up for our free beginner training. Boost your credentials through advanced courses and certification. Register for Sitefinity training and certification.
To submit feedback, please update your cookie settings and allow the usage of Functional cookies.
Your feedback about this content is important