Hide pager border

8 posts, 0 answers
  1. Naresh
    Naresh avatar
    45 posts
    Member since:
    Jul 2008

    Posted 08 Jun 2009 Link to this post

    Hi,
    I use radgrid with these settings

    Me.ResultsGrid.MasterTableView.PagerStyle.Mode = GridPagerMode.NextPrevAndNumeric
    Me.ResultsGrid.MasterTableView.PagerStyle.Position = GridPagerPosition.Top
    Me.ResultsGrid.MasterTableView.PagerStyle.PageButtonCount = 10

    I want to hide the border for the pager, as the pager is placed on top, the top-line caused by the styles are not in sync with my design,
    so i want to hide the border.

    .RadGrid_Default .rgPager .rgPagerCell
       border-color:#828282 -moz-use-text-color #EEEEEE #EEEEEE;
       border-style:solid none solid solid;
       border-width:1px 0 1px 1px;

    I tried setting
      Me.ResultsGrid.MasterTableView.PagerStyle.BorderStyle = WebControls.BorderStyle.None
    but no use.

    How i can set it from code-behind?
  2. Dimo
    Admin
    Dimo avatar
    8333 posts

    Posted 08 Jun 2009 Link to this post

    Hello Naresh,

    An easier way to hide the pager border is with CSS, not with VB code:

    CSS

    div.RadGrid_Default  .rgPager  .rgStatus,
    div.RadGrid_Default  .rgPager  .rgPagerCell
    {
         border:0; 
    }


    Kind regards,
    Dimo
    the Telerik team

    Instantly find answers to your questions on the new Telerik Support Portal.
    Check out the tips for optimizing your support resource searches.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Naresh
    Naresh avatar
    45 posts
    Member since:
    Jul 2008

    Posted 09 Jun 2009 Link to this post

    How can I change the display order of the pager contents
    for ex. from         
              Change page: {4} | Displaying page {0} of {1}, items {2} to {3} of {5}.
    to
              items {2} to {3} of {5} Change page: {4} | Displaying page {0} of {1}, .
    changing the order as above didn't work, " items {2} to {3} of {5}" is missing.
  5. Princy
    Princy avatar
    17421 posts
    Member since:
    Mar 2007

    Posted 09 Jun 2009 Link to this post

    Hello Naresh,

    You can try customizing the PagerTextFormat to display the required text in the pager as shown below:
    aspx:
    <telerik:RadGrid ID="RadGrid" runat="server" AutoGenerateColumns="true" AllowPaging="true" PageSize="10" DataSourceID="SqlDataSource1"
      <MasterTableView DataSourceID="SqlDataSource1">              
         <PagerStyle Mode="NextPrevAndNumeric" PagerTextFormat="Change page: {4} Items {2} to {3} of {5} | Displaying page {0} of {1}" AlwaysVisible="true" />       

    Thanks
    Princy.
  6. Naresh
    Naresh avatar
    45 posts
    Member since:
    Jul 2008

    Posted 09 Jun 2009 Link to this post

    I already tried it but it didn't work. the content before {4} is missing.
  7. Peter
    Peter avatar
    98 posts
    Member since:
    Mar 2012

    Posted 05 Mar 2015 in reply to Naresh Link to this post

    I used the CSS above (with !important) but the black border is still showing around the Pager?
  8. Peter
    Peter avatar
    98 posts
    Member since:
    Mar 2012

    Posted 05 Mar 2015 in reply to Peter Link to this post

    Seems the border around the pager is "rgMasterTable". 

    How do I kill the one around the page? This doesn't seem to work (might not be supported in IE9 or is wrong):

    .RadGrid table.rgMasterTable:last-child {
        border: none !important;
    }

  9. Pavlina
    Admin
    Pavlina avatar
    6084 posts

    Posted 10 Mar 2015 Link to this post

    Hello,

    You can remove the border around the pager with the following CSS rule:
    div.RadGrid,
    div.RadGrid td.rgPagerCell
    {
        border: 0 none;
    }

    Regards,
    Pavlina
    Telerik
     

    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

     
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017