Hide pager border

[Naresh]

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?

[Dimo]

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.

[Naresh]

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.

[Princy]

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.

[Naresh]

I already tried it but it didn't work. the content before {4} is missing.

[Peter]

I used the CSS above (with !important) but the black border is still showing around the Pager?

[Peter]

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;
}

[Pavlina]

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