外觀

Kendo UI BottomNavigation 允許您通過設置小部件的itemFlow、themeColor、border、Shadow和fill選項來更改小部件的外觀。

下面的示例演示了如何使用上述設置修改外觀：

<nav id="bottomnavigation"></nav>

<script>
$(document).ready(function () {
$("#bottomnavigation").kendoBottomNavigation({
items: [
{ data: { view: "home" }, icon: "home", text: "Home", selected: true },
{ data: { view: "calendar" }, icon: "calendar", text: "Calendar" },
{ data: { view: "profile" }, icon: "user", text: "Profile" }
],
positionMode: "absolute",
itemFlow:"vertical",
themeColor: "secondary",
fill: "solid",
border: false,
shadow: true
});
});
</script>