Z-index on RadDataPagerPageSizeField Dropdownlist

3 posts, 1 answers
  1. Michael
    Michael avatar
    23 posts
    Member since:
    Sep 2014

    Posted 19 Oct 2015 Link to this post

    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">
            <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>

  2. Michael
    Michael avatar
    23 posts
    Member since:
    Sep 2014

    Posted 19 Oct 2015 in reply to Michael Link to this post

    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.
  3. Answer
    Kostadin avatar
    1733 posts

    Posted 22 Oct 2015 Link to this post

    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.

    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
Back to Top