This is a migrated thread and some comments may be shown as answers.

Skin Menu

3 Answers 66 Views
Menu
This is a migrated thread and some comments may be shown as answers.
Dip
Top achievements
Rank 1
Dip asked on 29 Jul 2008, 06:38 PM
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?

3 Answers, 1 is accepted

Sort by
0
Yana
Telerik team
answered on 30 Jul 2008, 01:56 PM
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.
0
Dip
Top achievements
Rank 1
answered on 30 Jul 2008, 02:18 PM
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
0
Dip
Top achievements
Rank 1
answered on 30 Jul 2008, 02:53 PM
Hi,
Ok I figured it out..
Beside giving EnableEmbeddedSkins="false"
we have to give skin name too. .Skin="CustomSkin"

Thanks,
DIP
Tags
Menu
Asked by
Dip
Top achievements
Rank 1
Answers by
Yana
Telerik team
Dip
Top achievements
Rank 1
Share this question
or