[Solved] Z-index on RadDataPagerPageSizeField Dropdownlist

[Michael]

 

I have a RadDataPager implemented as below.  ​I need the ability to set the z-index on the RadDropDownList as it is rendering behind some of my content, but I can't figure out where to set it.  Changing the style on the RadDataPager doesn't work, and setting it on the .RadDropDownList CSS class also doesn't work.  Any ideas?

<telerik:RadDataPager ID="DataPager1" runat="server" PagedControlID="ListView1" PageSize="10" Skin="Default">
    <Fields>
        <telerik:RadDataPagerButtonField FieldType="FirstPrev"></telerik:RadDataPagerButtonField>
        <telerik:RadDataPagerButtonField FieldType="Numeric"></telerik:RadDataPagerButtonField>
        <telerik:RadDataPagerButtonField FieldType="NextLast"></telerik:RadDataPagerButtonField>
        <telerik:RadDataPagerPageSizeField PageSizeText="Page size: " PageSizes="5,10,20,50" HorizontalPosition="RightFloat" PageSizeControlType="RadDropDownList"></telerik:RadDataPagerPageSizeField>
    </Fields>
</telerik:RadDataPager>

[Michael]

And to clarify, the rendering issue doesn't occur until you click the dropdownlist to view the additional page sizes.  It's that part of the dropdown that is rendering behind my content.

[Kostadin]

Hi Michael,

You can try using the following CSS to increase the z-index.

div.rddlSlide {
    z-index: 200000;
}

If you still experience the same issue I would appreciate if you can provide a live url to the page where the issue can be observed.

Regards,
Kostadin
Telerik