<kendo:bottomNavigation-item>

Specifies the items of the BottomNavigation component.

Example

<kendo:bottomNavigation-items>
    <kendo:bottomNavigation-item></kendo:bottomNavigation-item>
</kendo:bottomNavigation-items>

Configuration Attributes

attributes java.lang.Object

Defines custom attributes of the item's element.

Example

<kendo:bottomNavigation-item attributes="attributes">
</kendo:bottomNavigation-item>

cssClass java.lang.String

Defines the class names of the item's element.

Example

<kendo:bottomNavigation-item cssClass="cssClass">
</kendo:bottomNavigation-item>

data java.lang.Object

Contextual data to be used for events within the component.

Example

<kendo:bottomNavigation-item data="data">
</kendo:bottomNavigation-item>

enabled boolean

Toggles the enabled state of the item.

Example

<kendo:bottomNavigation-item enabled="enabled">
</kendo:bottomNavigation-item>

encoded boolean

If false, the text will be able to render HTML.

Example

<kendo:bottomNavigation-item encoded="encoded">
</kendo:bottomNavigation-item>

icon java.lang.String

Defines the name for an existing icon in a Kendo UI theme.See web font icons help article for more details on Kendo UI icons.

Example

<kendo:bottomNavigation-item icon="icon">
</kendo:bottomNavigation-item>

iconClass java.lang.String

Defines the class name added to the icon element.

Example

<kendo:bottomNavigation-item iconClass="iconClass">
</kendo:bottomNavigation-item>

selected boolean

Toggles the selected state of the item.

Example

<kendo:bottomNavigation-item selected="selected">
</kendo:bottomNavigation-item>

template java.lang.String

Sets a custom template for the item (overrides the template option).

Example

<kendo:bottomNavigation-item template="template">
</kendo:bottomNavigation-item>

text java.lang.String

The text of the item. It is optional - if not set, no text will be rendered.

Example

<kendo:bottomNavigation-item text="text">
</kendo:bottomNavigation-item>

url java.lang.String

The URL (href) to which the item will navigate to.

Example

<kendo:bottomNavigation-item url="url">
</kendo:bottomNavigation-item>

Event Attributes

template String

Sets a custom template for the item (overrides the template option).

Example

<kendo:bottomNavigation-item template="handle_template">
</kendo:bottomNavigation-item>
<script>
    function handle_template(e) {
        // Code to handle the template event.
    }
</script>

Event Tags

kendo:bottomNavigation-item-template

Sets a custom template for the item (overrides the template option).

Example

<kendo:bottomNavigation-item>
    <kendo:bottomNavigation-item-template>
        <script>
            function(e) {
                // Code to handle the template event.
            }
        </script>
    </kendo:bottomNavigation-item-template>
</kendo:bottomNavigation-item>
In this article
Not finding the help you need?