Skin Menu

[Dip]

Ok I have a user control that contains 3 RadGrid.

<

div id="Nav_Login" >

<telerik:RadMenu ID="RadMenu1" EnableEmbeddedSkins="false" runat="server">

</telerik:RadMenu>

</div>

<div id="Nav_Curv"></div>

<div id="Nav_Link" >

<telerik:RadMenu ID="RadMenu2" runat="server" EnableEmbeddedSkins="false" >

</telerik:RadMenu>

<telerik:RadMenu ID="RadMenu3" runat="server" EnableEmbeddedSkins="false" >

</telerik:RadMenu>

</div>

And this is my css ..

.RadMenu_Default

{

margin:8px 0px 2px 0px;

border: 0;

border-bottom-width: 0;

border-top-color: #383838;

background:none;

text-align: left;

}

.RadMenu_Default_rtl

{

text-align: right;

}

.RadMenu_Default_Context

{

background: none;

border: 0;

}

.RadMenu_Default

a

{

text-decoration: none;

}

.RadMenu_Default

.rmLink

{

line-height: 24px;

text-decoration: none;

color: #fff;

}

.RadMenu_Default

.rmLink:focus,

.RadMenu_Default

.rmFocused

{

outline: 0;

}

The above code work perfectly..


Ok I have a few Question..
1) Now if i change EnableEmbeddedSkins="true" in Radmenu1 or any one of them so that i can have a build in skin, then none of the customs skin works..Why?

2) what if i what to skin each Radmenu differently?

[Yana]

Hello Dip,

Thank you for contacting us.

When you set EnableEmbeddedSkins property of RadMenu to true, the embedded skin styles overwrite your styles, so the built-in skin is applied. 

You can create different custom skins and apply them to RadMenus. This help topic describes how to do that in details.

Kind regards,
Yana
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.

[Dip]

you didn't get my question...Let me explain

--------------        --------------      -------------RadMenu1             Radmenu2            Radmenu3 
--------------       --------------        -------------
I want
--> Radmenu1 ---- custom skin.
--> Radmenu2 ---- custome skin
--> RadMenu3 ----  Telerik skin
 
Now RadMenu1 & RadMenu2 will be using custom skin
therefore EnableEmbeddedSkins="false", but I want RadMenu3
to use build in skin so i do EnableEmbeddedSkins="true".

Problem....

But Now if i do this my custom skin fails and RadMenu 1 &2
Takes the skin that RadMenu3 takes
Again if I want to apply my custom skin then I have set  
EnableEmbeddedSkins="false" in all the three, which is not my goal.

Thanks,
DIP

[Dip]

Hi,
Ok I figured it out..
Beside giving EnableEmbeddedSkins="false"
we have to give skin name too. .Skin="CustomSkin"

Thanks,
DIP