K2BMultiLevelMenu

Introduction

The K2BAccordionMenu user control loads the menu structure from the K2BMenu Pattern using this SDT structure. This enables independence between the visualization of the menu and its definition. If necessary, the developer may include a K2BAccordionMenu user control, and load the structure manually using logic different from the logic provided by K2BMultiLevelMenu.

The structure is recursive, reflecting the recursive nature of the menus. The end result is a tree structure containing nodes of this type: The leaf nodes are menu items, and the internal ones are menu sublevels.

Structure

K2BMultiLevelMenuStructure
K2BMultiLevelMenu structure.

The SDT fields behave as explained in the following table.

Name Value
Code Element's code. Should be unique in the entire tree structure where the item exists. It serves as an internal identifier and will not be visible in the UI.
Title Title for the menu item or sublevel. This is the value shown in the UI.
ImageUrl Url where the item's image can be found.
ImageClass The class theme that should be assigned to the image, or the font awesome icon associated to the item, depending on the K2BAccordionMenu User Control configuration. See Using Font Awesome in K2BMenu
Link The URL that should be loaded when the user selects this item. Should be set only when the element is not a sublevel.
ItemsA collection of elements that should be included as children for this node. This collection should contain nodes only when defining a subleve
Show In Extra Small Determines if the element will be visible when using a device with a screen with a Extra Small size. See Introduction to Responsive Web Design.
Show In Small Determines if the element will be visible when using a device with a screen with a Small size. See Introduction to Responsive Web Design.
Show In Medium Determines if the element will be visible when using a device with a screen with a Medium size. See Introduction to Responsive Web Design.
Show In Large Determines if the element will be visible when using a device with a screen with a Large size. See Introduction to Responsive Web Design.