How do you set the z-index for the Image Gallery?

5 posts, 1 answers
  1. Greg
    Greg avatar
    6 posts
    Member since:
    Mar 2012

    Posted 10 Apr 2014 Link to this post

    Can't find any properties or style sheets in order to set the z-index of the Image Area.
  2. Shinu
    Shinu avatar
    17764 posts
    Member since:
    Mar 2007

    Posted 11 Apr 2014 in reply to Greg Link to this post

    Hi Greg,

    Please try to change the CSS class "rigItemBox" to achieve your scenario. Please have a look into the sample code snippet where I changed the background-color and border  of  the ImageArea of RadImageGallery.

    ASPX:
    <telerik:RadImageGallery ID="RadImageGallery1" runat="server">
        <Items>
            <telerik:ImageGalleryItem ImageUrl="plus.gif" Description="Demo" Title="Plus" />
        </Items>
        <ImageAreaSettings ShowDescriptionBox="true" NavigationMode="Zone" />
    </telerik:RadImageGallery>

    CSS:
    <style type="text/css">
        .rigItemBox
        {
            background-color: White !important;
            border: 1px solid black !important;
        }
    </style>

    Thanks,
    Shinu.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Greg
    Greg avatar
    6 posts
    Member since:
    Mar 2012

    Posted 11 Apr 2014 in reply to Shinu Link to this post

    Thanks for the reply but it didn't work. I have a horizontal menu with a z-index of 70000 - when the image box pops up, it is behind the menu.
  5. Answer
    Shinu
    Shinu avatar
    17764 posts
    Member since:
    Mar 2007

    Posted 14 Apr 2014 in reply to Greg Link to this post

    Hi Greg,

    Set a lower Z-ndex to the Radmenu and set a bigger z-index to the RadImageGallery as follows.

    ASPX:
    <telerik:RadMenu ID="RadMenu1" runat="server" Style="z-index: 2900">
    ...
    </telerik:RadMenu>
    <telerik:RadImageGallery ID="RadImageGallery1" runat="server" Style="z-index: 7001;">
    ...
    </telerik:RadImageGallery>

    Please provide your code if it doesn't help.
    Thanks,
    Shinu.
  6. Greg
    Greg avatar
    6 posts
    Member since:
    Mar 2012

    Posted 14 Apr 2014 in reply to Shinu Link to this post

    Thanks - that did it. A couple of things: First is that there is no intellisense for Style for the RadImageGallery so I didn't know I could do that and second, it probably should be in the documentation or knowledge base on how to set the z-index since it is a popup type control.
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017