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

Chooser and Z-index

3 Answers 70 Views
SkinManager
This is a migrated thread and some comments may be shown as answers.
David Beck
Top achievements
Rank 1
David Beck asked on 14 Mar 2011, 06:44 PM
I have the SkinManager Chooser in the Top right corner of my page (master page) so that users can chnage the skins to their desired setting. This works unless im on a page with a RadMenu Below the Chooser.

The Chooser then gets hidden behind the radmenu. I tried Aadding style to the markup like other rad controls but get this error

Type 'Telerik.Web.UI.RadSkinManager' does not have a public property named 'style'.

I tried setting the Menu to like 0 and still no luck.

How  can i make the Combo/DropDown of the RadSkin Manager come Over the RadMenu?

Thank you

3 Answers, 1 is accepted

Sort by
0
Kamen Bundev
Telerik team
answered on 17 Mar 2011, 06:23 PM
Hello David,

Thank you for contacting us.

You can set z-index with RadMenu's style property, something like this:
<telerik:RadSkinManager runat="server" ShowChooser="true" /><br />
<telerik:RadMenu runat="server" style="z-index: 2000">
    <Items>
        <telerik:RadMenuItem Text="text" />
        <telerik:RadMenuItem Text="text" />
        <telerik:RadMenuItem Text="text" />
        <telerik:RadMenuItem Text="text" />
        <telerik:RadMenuItem Text="text" />
        <telerik:RadMenuItem Text="text" />
    </Items>
</telerik:RadMenu>

Let me know if this helps.

Best wishes,
Kamen Bundev
the Telerik team
0
Raymond
Top achievements
Rank 1
answered on 29 Jun 2014, 11:58 AM
Found a solution to this problem.

For anyone who cares to know how to elavate the SkinChooser above the menu level:
.rcbSlide { z-index:80000; !important } 

(Notice: the '!important' is a requirement to overrule the default z-index of 6000)
0
TallOne
Top achievements
Rank 2
answered on 20 May 2015, 06:35 PM

Thanks Raymond!  This worked for me except for the semi-colon positioning.  I also used 8001 instead of 80000 to keep the control set position close as possible.

 .rcbSlide { z-index:8000 !important; }  

Tags
SkinManager
Asked by
David Beck
Top achievements
Rank 1
Answers by
Kamen Bundev
Telerik team
Raymond
Top achievements
Rank 1
TallOne
Top achievements
Rank 2
Share this question
or