<telerik:RadToolBar ID="lookup_button" runat="server" Skin="Default" OnClientButtonClicked="OnClientToolbarLookupButtonClicked" EnableViewState="false">
<Items>
<telerik:RadToolBarButton runat="server" PostBack="false" style="font-size: 8pt; font-weight: bolder;" Text="Lookup">
</telerik:RadToolBarButton>
</Items>
</telerik:RadToolBar>
we tried to play around with the padding but this distorted the button. How can can we make the buttons in the RadToolBar thinner. Thanks.
5 Answers, 1 is accepted
Please add the following css style to your page in order to make RadToolBar thinner:
<style type="text/css"> |
div.RadToolBar .rtbIn { |
padding-top: 1px; |
} |
div.RadToolBar .rtbWrap { |
line-height: 16px; |
} |
</style> |
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.
One set of toolbar buttons we need to shrink it even further.
http://i839.photobucket.com/albums/zz316/dev2009_2009/toolbarbutton.jpg
we would like to shrink the blue area even further without disturbing the image, it is using the web20 skin.
div.RadToolBar_Web20 .rtbIn
{padding-top: 0px;
padding-bottom: 0px;}
div.RadToolBar_Web20 .rtbWrap
{line-height: 14px;}
Once again thank you.
Please add also the following css styles and let us know how it goes:
div.RadToolBar .rtbInner { |
padding: 0; |
} |
div.RadToolBar_Web20 .rtbMiddle { |
border: none; |
height: 18px; |
} |
div.RadToolBar_Web20 .rtbOuter { |
height:18px; |
} |
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.