color/image just above the footer in the radgrid

9 posts, 1 answers
  1. Jon-Jon Kershaw
    Jon-Jon Kershaw avatar
    49 posts
    Member since:
    Dec 2008

    Posted 05 May 2009 Link to this post

    I've been able to change the color of the footer but for some reason there is a extra radient part just above the footer that I can't change the color.  The reason why is because it actually cuts into the footer pager information. What property of the radgrid is that part? 
  2. Answer
    Dimo
    Admin
    Dimo avatar
    8332 posts

    Posted 05 May 2009 Link to this post

    Hello Jon,

    According to the CSS specification, a background color is applied to the portions of an element, which don't have a background image. Most probably, the gradient that you are seeing is a background image defined in the RadGrid skin.

    I am not sure whether you are talking about the footer or the pager, as these two reside in different containers (table rows), but here is how to remove the background images from them:

    div.RadGrid  .rgFooter,
    div.RadGrid  .rgPager
    {
           background-image: none;
    }


    The above CSS rule will work for all RadGrid skins and RadGrid versions 2009.1+. For older versions, please use

    div.RadGrid_SkinName  .GridFooter_SkinName,
    div.RadGrid_SkinName  .GridPager_SkinName
    {
           background-image: none;
    }


    All the best,
    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. Jon-Jon Kershaw
    Jon-Jon Kershaw avatar
    49 posts
    Member since:
    Dec 2008

    Posted 05 May 2009 Link to this post

    http://www.deepfriedgold.com/radgridfooterimage.png

    i've tried everything.
  5. Shinu
    Shinu avatar
    17764 posts
    Member since:
    Mar 2007

    Posted 06 May 2009 Link to this post

    Hi Jon,

    Try with the following approach and see if it helps.

    Style.Css:
     
    <head runat="server"
        <title>Untitled Page</title> 
        <style type="text/css"
            
    .RadGrid_Default .rgPager 
        background:yellow !important; 
     
         </style> 
    </head> 


    Thanks
    Shinu
  6. Jon-Jon Kershaw
    Jon-Jon Kershaw avatar
    49 posts
    Member since:
    Dec 2008

    Posted 07 May 2009 Link to this post

    i'm just going to create a custom skin.  I can't seem to change the little part in the pager.

    Thanks.
  7. Gene
    Gene avatar
    64 posts
    Member since:
    Dec 2007

    Posted 07 May 2009 Link to this post

    you might want to try finding the element using the IE developer toolbar (or Firefoxes version of it) jsut to make sure you are getting the correct thing.  IE's version has an option to Find...Select Element by Click.
  8. Dimo
    Admin
    Dimo avatar
    8332 posts

    Posted 08 May 2009 Link to this post

    Hello Jon,

    Creating a whole new custom skin for such a minor thing is highly unnecessary.

    Judging by your screenshot, you are using the Vista skin and RadControls Q3 2008 or earlier (correct me if I am wrong). In this case, the CSS rule, which should remove the pager background image is:

    .RadGrid_Vista  .GridPager_Vista
    {
         background-image: none;
    }

    If the above does not work, then one of the following is true:

    1) You are not using the Vista skin - in this case please replace "Vista" with the actual name of the skin

    2) You are using RadGrid Q1 2009 with a migrated Vista skin for Q3 2008 - in this case the following should work:

    div.RadGrid_Vista  .rgPager
    {
         background-image: none;
    }


    3) You are using a modified skin, which contains some styles that I am unaware of and they add the background image - in this case I will need a runnable example with the skin in order to help you further.


    Let us know how it goes.


    Greetings,
    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.
  9. Jon-Jon Kershaw
    Jon-Jon Kershaw avatar
    49 posts
    Member since:
    Dec 2008

    Posted 08 May 2009 Link to this post

    .RadGrid_Vista  .GridPager_Vista
    {
         background-image: none;
    }

    worked!

    THANKS!
  10. Jon-Jon Kershaw
    Jon-Jon Kershaw avatar
    49 posts
    Member since:
    Dec 2008

    Posted 08 May 2009 Link to this post

    Dimo:

    I have no idea why the your first post didn't work....because it is exactly the same as your last post. :o)  (user error?)  lol

    regardless thank you much.
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017