Hello,
My Kendo menu has 3 items. First is an Icon , second is a text "Adress suchen" and third is another Icon with Sub menuitems. Using following Stylesheet i could achieve partially but i cannot Center align the text of manu. Also the left side Icon is outside the menu width.
@(Html.Kendo().Menu()
.Name("menuImages")
.Items(items =>
{
items.Add().Text("<span class=\"k-icon k-i-menu\"></span> ").HtmlAttributes(new { id = "mnuMain" }).SpriteCssClasses("k-icon k-i-menu").Encoded(false)
.Items(children =>
{
.....
children.Add().Text("Alle Objekte Anzeigen");
});
items.Add().Text("Adressen suchen").HtmlAttributes(new { id = "mnuTitle" }).ContentHtmlAttributes(new { @style = "text-align:middle;" });
items.Add().Text("<span class=\"k-icon k-i-grid\"></span> ").HtmlAttributes(new { id = "mnuHome" }).SpriteCssClasses("k-icon k-i-grid").Encoded(false);
})
My css is
ul.k-widget.k-menu-horizontal > .k-item
{
float: right;
}
#menuImages > .k-last {
float: left;
width:40px;
}
So i want both Icon items left and right aligned and middle one text Center aligned
Thanks
Anamika