Chooser and Z-index

4 posts, 0 answers
  1. David Beck
    David Beck avatar
    38 posts
    Member since:
    Jun 2010

    Posted 14 Mar 2011 Link to this post

    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
  2. Kamen Bundev
    Kamen Bundev avatar
    1532 posts

    Posted 17 Mar 2011 Link to this post

    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">
            <telerik:RadMenuItem Text="text" />
            <telerik:RadMenuItem Text="text" />
            <telerik:RadMenuItem Text="text" />
            <telerik:RadMenuItem Text="text" />
            <telerik:RadMenuItem Text="text" />
            <telerik:RadMenuItem Text="text" />

    Let me know if this helps.

    Best wishes,
    Kamen Bundev
    the Telerik team
  3. Raymond
    Raymond avatar
    1 posts
    Member since:
    Jan 2014

    Posted 29 Jun 2014 in reply to David Beck Link to this post

    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)
  4. TallOne
    TallOne avatar
    22 posts
    Member since:
    Aug 2009

    Posted 20 May 2015 in reply to Raymond Link to this post

    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; }  

Back to Top