New to Telerik UI for JSP? Download free 30-day trial

<kendo:bottomNavigation>

A JSP wrapper for Kendo UI BottomNavigation.

Configuration Attributes

border boolean

Toggles the border of the widget.

Example

<kendo:bottomNavigation border="border">
</kendo:bottomNavigation>

fill java.lang.String

Defines the fill of the component

Example

<kendo:bottomNavigation fill="fill">
</kendo:bottomNavigation>

itemFlow java.lang.String

Specifies the iteFLow of the component

Example

<kendo:bottomNavigation itemFlow="itemFlow">
</kendo:bottomNavigation>

positionMode java.lang.String

Specifies the positionMode of the component

Example

<kendo:bottomNavigation positionMode="positionMode">
</kendo:bottomNavigation>

shadow boolean

Toggles the shadow of the widget.

Example

<kendo:bottomNavigation shadow="shadow">
</kendo:bottomNavigation>

template java.lang.String

Sets a custom template for the items.

Example

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

themeColor java.lang.String

Specifies the color of the component

Example

<kendo:bottomNavigation themeColor="themeColor">
</kendo:bottomNavigation>

Configuration JSP Tags

kendo:bottomNavigation-items

Specifies the items of the BottomNavigation component.

More documentation is available at kendo:bottomNavigation-items.

Example

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

Event Attributes

select String

Fires when the user selects an item in BottomNavigation.

For additional information check the select event documentation.

Example

<kendo:bottomNavigation select="handle_select">
</kendo:bottomNavigation>
<script>
    function handle_select(e) {
        // Code to handle the select event.
    }
</script>

Event Tags

kendo:bottomNavigation-select

Fires when the user selects an item in BottomNavigation.

For additional information check the select event documentation.

Example

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