Radgrid Pager is borderless

13 posts, 0 answers
  1. Mario
    Mario avatar
    6 posts
    Member since:
    Nov 2012

    Posted 29 Jan 2013 Link to this post

    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?

     
  2. Vargis
    Vargis avatar
    44 posts
    Member since:
    Jan 2013

    Posted 30 Jan 2013 Link to this post

    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
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Mario
    Mario avatar
    6 posts
    Member since:
    Nov 2012

    Posted 30 Jan 2013 Link to this post

    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.  
  5. Vargis
    Vargis avatar
    44 posts
    Member since:
    Jan 2013

    Posted 30 Jan 2013 Link to this post

    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 !!!!
  6. Vargis
    Vargis avatar
    44 posts
    Member since:
    Jan 2013

    Posted 04 Feb 2013 Link to this post

    Boss Did you try ?
  7. Mario
    Mario avatar
    6 posts
    Member since:
    Nov 2012

    Posted 04 Feb 2013 Link to this post

    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.
  8. Vargis
    Vargis avatar
    44 posts
    Member since:
    Jan 2013

    Posted 04 Feb 2013 Link to this post

    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*/
    }
  9. Mario
    Mario avatar
    6 posts
    Member since:
    Nov 2012

    Posted 05 Feb 2013 Link to this post

    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.
  10. Vargis
    Vargis avatar
    44 posts
    Member since:
    Jan 2013

    Posted 05 Feb 2013 Link to this post

    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
  11. Mario
    Mario avatar
    6 posts
    Member since:
    Nov 2012

    Posted 07 Feb 2013 Link to this post

    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.
  12. Vargis
    Vargis avatar
    44 posts
    Member since:
    Jan 2013

    Posted 08 Feb 2013 Link to this post

    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.
  13. Mario
    Mario avatar
    6 posts
    Member since:
    Nov 2012

    Posted 11 Feb 2013 Link to this post

    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.
  14. Vargis
    Vargis avatar
    44 posts
    Member since:
    Jan 2013

    Posted 11 Feb 2013 Link to this post

    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.
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017