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

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

4 Answers 132 Views
ImageGallery
This is a migrated thread and some comments may be shown as answers.
Greg
Top achievements
Rank 1
Greg asked on 10 Apr 2014, 09:03 PM
Can't find any properties or style sheets in order to set the z-index of the Image Area.

4 Answers, 1 is accepted

Sort by
0
Shinu
Top achievements
Rank 2
answered on 11 Apr 2014, 05:02 AM
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.
0
Greg
Top achievements
Rank 1
answered on 11 Apr 2014, 03:15 PM
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.
0
Accepted
Shinu
Top achievements
Rank 2
answered on 14 Apr 2014, 06:39 AM
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.
0
Greg
Top achievements
Rank 1
answered on 14 Apr 2014, 05:32 PM
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.
Tags
ImageGallery
Asked by
Greg
Top achievements
Rank 1
Answers by
Shinu
Top achievements
Rank 2
Greg
Top achievements
Rank 1
Share this question
or