Posted
on Oct 11, 2007
(permalink)
OK - So I will not be using skins / themes with any of the telerik controls as theme / skin information renders as in line style thus bloating the http request / respons objects.
The being said - I have set the Theme for menu control to NONE - which appeared to be the only way to get out side the themes. I have been able to generate the look and feel required by our customer but have been un-able to get the menu control to render right aligned in a div contril.
Here is the control definition:
<div>
<radM:RadMenu CssClass="telerikmenu" ID="RadMenu1" runat="server" EnableTheming="False" SkinsPath="" Skin="None">
<Items>
<radM:RadMenuItem ID="RadMenuItem1" runat="server" Text="Home (Telerik)">
</radM:RadMenuItem>
</Items>
</radM:RadMenu>
</div>
Additionally here are the styles I have set:
.telerikmenu
{
width: 100%;
background-image: url(images/topnavbar.jpg);
background-repeat: repeat-x;
float: right !important;
}
/* This was the only way I could get the text to be white */
.rootGroup .item .link
{
color: White;
}
Any idea in this context how to get the menu to right align within the div?
Thanks
Ps - The behaviour is the same in FireFox 2.0.0l7 as well as IE 7.