Customizing an Embedded Skin

[Stephen Wright]

I am trying to customize the Outlook skin (namely the initial background and foreground, not any of the group items.  How would I go about doing this?

[Peter]

Hello Stephen,

Please, refer to CSS classes used in Telerik RadMenu HTML output. This is the help topic for RadMenu for ASP.NET but it is basically the same as what the help for Prometheus RadMenu would be. The only difference is that for Prometheus classes there will be a "rm" prefix and the rest of the words are all upper case. For example
"expandLeft" would be "rmExpandLeft". For you particular questions you can set the background for the
rmRadMenu_[Skin] and rmLink classes.

I hope this helps.


Regards,
Peter
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center

[Per Holmqvist]

I tried your example but I don't success to convert my old skin for MEnu to Prometheus.

I have copied all css/img to my app_theme/ folder and under Menu folder
Before my hover effect was solved by

.RadMenu_1

.link:hover
Now nothing works.
I have tried to set
.RadMenu_1 .link:hover
.RadMenu_1 .rmlink:hover
.rmRadMenu_1 .rmlink:hover
.rmRadMenu_1 .rmlink:hover

But nothing works

What is more needed and what is the correct settings?

Notable is that my img background is correctly set by the
.RadMenu_1
{
background: #ececec url('img/tab_inactive.gif') repeat-x;
border:0px;
top:3px;
}

[Shaun Peet]

Hi Per,

The css class names are case-sensitive:

rmLink, rmText, etc.

You have rmlink in your pasted code.

[Per Holmqvist]

Hi Shaun and thanxs for your quick respond.
My old CSS had only lowercase... So I was wrong from the first time, but the RAD version where more orgiveable :D

Again, thanks!

//Pelle