Difficulties creating a custom skin

[Josh Anderson]

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

[Josh Anderson]

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

[Yana]

Hi Josh,

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

div.RadToolBar .rtbIn {
  padding-top: 0px;
}

and the line-height property of this style:

div.RadToolBar .rtbWrap {
  line-height: 12px;
}

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.