Difficulties creating a custom skin

3 posts, 0 answers
  1. Josh Anderson
    Josh Anderson avatar
    83 posts
    Member since:
    Dec 2005

    Posted 20 Apr 2009 Link to this post

    I just upgraded to the Q1/2009 version and realized that my custom skins don't work.  I've been trying to customize the new skins and have so far been mostly successful with the exception of the toolbar.  Really all I want to do is shrink the font to 11px, but I can't even get the skin files to display properly.  If I use the image and CSS files in the skins directory and disable embedded skins, I can't even get the toolbar to display properly before I start to make modifications.

    I'm using the Default skin as the basis, and I'd like to simply change the font size and face.  However, when I use the skin files instead of the embedded skin the buttons display too high and to the left, and drop-down buttons cut off half the icon image.  Again, these display problems are before I've done anything to customize the skin.

    Any ideas what's wrong here?

    Josh
  2. Josh Anderson
    Josh Anderson avatar
    83 posts
    Member since:
    Dec 2005

    Posted 20 Apr 2009 Link to this post

    Looks like there were some other styles interfering, so I've fixed most of it.  I do have one question though -- how can I modify the overall height of the toolbar?  The font size doesn't seem to impact the overall height, but I didn't see any height properties set in the CSS.

    Josh
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Yana
    Admin
    Yana avatar
    4554 posts

    Posted 21 Apr 2009 Link to this post

    Hi Josh,

    You can reduce the top-padding of this css style:

    div.RadToolBar .rtbIn {  
      padding-top0px;  

    and the line-height property of this style:

    div.RadToolBar .rtbWrap {  
      line-height12px;  

    If this doesn't help, please send us the definition of the toolbar and the custom skin you're using and we'll fix it for you.

    Greetings,
    Yana
    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.
Back to Top