Appearance
The Telerik BottomNavigation HtmlHelper for ASP.NET MVC allows you to alter the appearance of the component by setting its ItemFlow, ThemeColor, Border, Shadow and Fill options.
The example below demonstrates how to modify the appearance by using the above settings:
@(Html.Kendo().BottomNavigation()
.Name("bottomNavigation")
.PositionMode(BottomNavigationPositionMode.Absolute)
.ItemFlow( BottomNavigationItemFlow.Horizontal)
.Fill( BottomNavigationFill.Solid)
.Border(false)
.Shadow(true)
.ThemeColor( BottomNavigationThemeColor.Dark)
.HtmlAttributes(new { style = "bottom:0;" })
.Items(i =>
{
i.Add().Text("Home").Data(new { view = "home" }).Icon("home").Selected(true);
i.Add().Text("Calendar").Data(new { view = "calendar" }).Icon("calendar-date");
i.Add().Text("Profile").Data(new { view = "profile" }).Icon("user");
})
)