RadGrid Paging on Multiple Lines but should be on a single line

5 posts, 0 answers
  1. Bryan
    Bryan avatar
    4 posts
    Member since:
    Aug 2015

    Posted 03 Sep 2015 Link to this post

    I have a basic RadGrid control on a page. I only set the grid property AllowPaging="True" and the only Pager Style is <PagerStyle Mode="NextPrevAndNumeric" />.  When the form loads up the paging is showing on 4 separate lines. I just want it to be on one line like all of the samples.  Any ideas why this is happening?  Do I need to apply CSS?

  2. Bryan
    Bryan avatar
    4 posts
    Member since:
    Aug 2015

    Posted 03 Sep 2015 in reply to Bryan Link to this post

     Here's the whole grid code:

     

     

    <telerik:RadGrid ID="RadGrid1" runat="server" AutoGenerateColumns="true" Width="950px" Height="500px"
                             AllowSorting="true" PageSize="15" AllowPaging="True" ShowGroupPanel="true" OnNeedDataSource="RadGrid1_NeedDataSource">
                            <%--<ClientSettings AllowDragToGroup="True">
                            </ClientSettings>--%>   
                            <ClientSettings>
                        <Scrolling AllowScroll="True" UseStaticHeaders="True" SaveScrollPosition="true"></Scrolling>
    <%--                    <Resizing AllowRowResize="True" EnableRealTimeResize="True" ResizeGridOnColumnResize="True"
                                AllowColumnResize="True"></Resizing>--%>
                    </ClientSettings>
                            <ExportSettings IgnorePaging="true" OpenInNewWindow="true">
                    <Pdf PageHeight="210mm" PageWidth="297mm" DefaultFontFamily="Arial Unicode MS" PageTopMargin="45mm">
                    </Pdf>
                </ExportSettings>
                 <MasterTableView Width="100%" Summary="RadGrid table">
                 </MasterTableView>
                 <PagerStyle Mode="NextPrevAndNumeric" />                     
                        </telerik:RadGrid>

  3. Konstantin Dikov
    Admin
    Konstantin Dikov avatar
    2466 posts

    Posted 08 Sep 2015 Link to this post

    Hello Bryan,

    The issue that you are observing could be caused by a custom CSS that overrides the default styles of the control. Please inspect your CSS and see if you are not clearing the floating of DIV elements with none!important, because this will lead to the issue in question.

    In more details, there is a rgWrap class added to the elements in the pager, which will ensure the floating of those elements. If you are overriding that float, this will break the layout. Generally, you could confirm that the problem is due to your custom CSS by adding the following:
    <style type="text/css">
        .rgWrap {
            float: left!important;
        } 
    </style>

    Hope this helps.


    Regards,
    Konstantin Dikov
    Telerik
    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
  4. Bryan
    Bryan avatar
    4 posts
    Member since:
    Aug 2015

    Posted 09 Sep 2015 in reply to Konstantin Dikov Link to this post

    Looks like there is some kind of conflicting CSS that's overwriting the RadGrid CSS.  Setting that .rgWrap property did bring the paging over to the left.  I also found the property rgInfoPart and floated that to the right.  There's one last piece I'm having trouble with and that's the page size drop down is going to a second line. Do you know a property and what CSS I would need to get it to stay on a single line?
  5. Konstantin Dikov
    Admin
    Konstantin Dikov avatar
    2466 posts

    Posted 10 Sep 2015 Link to this post

    Hi Bryan,

    I would highly recommend that you inspect the generated HTML and the applied styles in your browser and see which part of your custom CSS is overriding the default styles of the grid. You should look for properties with "!important" or any other global settings for "div", "span", etc. elements. 

    In regards of the RadComboBox, I could only guess what could cause this issue, but one way to reproduce it for example is by settings the span elements to be with "display" set to "block". 



    Regards,
    Konstantin Dikov
    Telerik
    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