This is a migrated thread and some comments may be shown as answers.

How Remove Spacing Between Graphic Buttons?

4 Answers 87 Views
ToolBar
This is a migrated thread and some comments may be shown as answers.
Kevin
Top achievements
Rank 2
Kevin asked on 26 Mar 2009, 07:00 PM
In my radtoolbar I have graphics being pulled in for clicked, disabled, hovered, and image urls.  I don't know if it's because of Q1 2009 install or what, but now I'm getting spacing between my graphic buttons in the toolbar.

I have tried playing with the skin, and setting the skin="".  I have also played with plugging in cssclass with different values for padding, margins, and such but I can't resolve it.

I have no widths defined for the graphics, or the toolbaritems, or the toolbar itself.

What am I missing?

Thx

4 Answers, 1 is accepted

Sort by
0
Alex Gyoshev
Telerik team
answered on 30 Mar 2009, 12:34 PM
Hello Kevin,

The base stylesheets for most controls have been changed for Q1.2009. Most probably they are messing with your skin; we'll fix it for you if you open a support ticket and send it to us.

Sincerely yours,
Alex
the Telerik team

Check out Telerik Trainer , the state of the art learning tool for Telerik products.
0
Kevin
Top achievements
Rank 2
answered on 31 Mar 2009, 02:45 PM
Per a ticket, the following css tweak did the trick:

 

 

    <style type="text/css">     
       .RadToolBar .rtbIcon,     
       .RadToolBar .rtbIn,     
       .RadToolBar .rtbMid  {     
            padding: 0 !important;     
        }     
             
        .RadToolBar .rtbItem {     
            margin: 0 !important;     
        }     
    </style>    
      
 

thx!

 

 

0
Kevin
Top achievements
Rank 2
answered on 22 May 2009, 09:07 PM
Now I'm trying to remove extra space between end-cap graphics on each side of the buttons.  Looks like the graphic, then maybe 5px or so then the first toolbar button graphic.  Same spacing after the last toolbar button graphic and before the end graphic.

Can't seem to find which css class is doing this!

Original post is here to see some code snippets.

Thx
0
Alex Gyoshev
Telerik team
answered on 26 May 2009, 08:22 AM
Hi Kevin,

From your description, I assume that the classes that you need to target are rtbFirst and rtbLast, but without having a test page I cannot be certain. Please try removing the padding on these classes, and if it doesn't help, send us a sample project or a live url so that we can look into the problem.

Best wishes,
Alex
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.
Tags
ToolBar
Asked by
Kevin
Top achievements
Rank 2
Answers by
Alex Gyoshev
Telerik team
Kevin
Top achievements
Rank 2
Share this question
or