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

[Greg]

Can't find any properties or style sheets in order to set the z-index of the Image Area.

[Shinu]

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.

[Greg]

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.

[Shinu]

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.

[Greg]

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.