Radgrid Pager is borderless

[Mario]

I am new to Telerik web controls.

Please explain how to go about displaying the border around the pager.  Every example I have seen here, has the border, yet when I try code and the grid, the pager is borderless.  Please see the screenshot that is attached.

Also, please explain how to have one set of controls say, combo boxes for editing, while having another set for inserting.  Specifically I have a vendor, product and internal product combo box that should be used for editing, while I would use an additional email address combobox for inserting.  I don't want to implement user controls, and I don't want to hide the email combobox when in insert mode because the associated label remains and the hidden combobox still takes up the real estate.  Thus, I do not want the emailcombox to be created when in edit mode.  I only want it to be created when in insert mode.  Is this possible?

 

[Vargis]

Hi Bosss

Just try this
 <telerik:RadGrid ID="YourRagGrid-ID" runat="server">
                <PagerStyle BorderColor="Black" BorderStyle="Dotted" BorderWidth="1" />

<Other Tags Goes Here>

 </telerik:RadGrid>

Actually I dont have a paging in my RadGrid ...Anyway let me know the result.
Thanks

[Mario]

I have already tried the code you provided.  No joy.  I don't have any styles applied to grid.  I'm really scratching my head on this one.  

[Vargis]

Alright ...Coool Boss
Then here is the hack :)

.rgNumPart a
{
border:solid 1px Gray; /*Color Gray you can change according to your wish*/
margin-left:-1px; /*Avoid double border*/
}

Hope you got it !!!!

[Vargis]

Boss Did you try ?

[Mario]

I did try.  No joy.  The attached demonstrates the affect of your code.  The second grid demonstrates, even without out pager, the bottomo portion of the grid has no border.  I applied your code to the first border only.

[Vargis]

Hi Boss

From your recent attachment you are using slider control instead of normal paging.
So no need for applying border for that slider control.

According to me the below CSS class is working perfectly to add border for Paging Control in RadGrid (Check the attachment please)

.rgNumPart a
{
border:solid 1px Gray; /*Color Gray you can change according to your wish*/
margin-left:-1px; /*Avoid double border*/
}

[Mario]

If you look at my first post and the attachement therein, you will note that I am not using a slider.  I have also  provided in my most recent post (nojoy), I showed a second grid without a pager and the border around the grid is also incomplete.

[Vargis]

Mario I had checked the attachment named paging.png and provide the CSS.
Just and !important too

.rgNumPart a
{
border:solid 1px Gray!important;
margin-left:-1px!important;
}

its working for me

[Mario]

Vargis, 

Sorry for any confusion.  I don't think you understand what the issue is.  The code you offered is not doing what I need it to do.  I want to complete the border that does not go all the way around the grid.  The border is not visible with or without a pager on the bottom of the grid.  Please see the screenshots at the bottom of each grid.  Thanks in advance.

[Vargis]

Ok ...Now its clear. Actually missing is Grid bottom border.
So just check you had put the width and height in <telerik:RadGrid > and not in <MasterTableView>

If you set Height inside <MasterTableView> just remove.

[Mario]

The height and width are within the radgrid tags and not the mastertableview.  I have discovered what is causing this.  It seems whenever the grid height is less than some default height, the pager overlaps the portion of the border at the bottom of the grid.  Once I figured out how to put a border around the pager via CSS, the appearance was still unexpected because now the pager border is somewhat overlapping the portion of the grid border that is still visible as the pager overlaps the grid.  Please see the attached examples.  

I believe this is a bug because there does not seem to be a way to properly position the pager either automatically or via CSS.  I expect the pager to position itself automatically whenever I specify that a pager should be present and I believe this was the intended behavior. Perhaps this issue should be submitted as a bugfix?

The attached file pagerheight-385px.png should have been named radgridheight-385px.png.

[Vargis]

Check whether you are using Percentage(%) instead of pixels(px).
Pls provide the .aspx page and your css i will check.
I have problems in IE while using percentage for Height.

I think no bugs in paging control from telerik side.
http://demos.telerik.com/aspnet-ajax/grid/examples/generalfeatures/paging/defaultcs.aspx

you can check this in various browser.