Custom skin?

[Michael Dunbar]

Is it possible?

I've read this thread on how to use multiple themes for controls, which I must admit I am not 100% sure I understand. There only appears to be one flattened CSS style sheet for each theme now, as opposed to for each control that you can easily modify.

I want to design my own menu style and use the Windows 7 theme for the other controls on my application (i.e. Windows, Grids etc).

[Alex Gyoshev]

Hello Michael,

We have the same scenario in our online demos application (although it seems rather hidden). The side navigation (on the left) and the top, products menu are a PanelBar and Menu component, respectively. We targeted them by having the following document outline:

<div id="custom-menu">
    <%= Html.Telerik.Menu() ... %>
</div>
<div class="example">...</div>

Since id-based CSS selectors take precedence over other selectors, you can target your CSS like this:

#custom-menu .t-link {
    background: transparent url('item-background.png') repeat-x 0 0; /* etc. */
}

And thus, override the theme.

Regards,
Alex Gyoshev
the Telerik team