How Remove Spacing Between Graphic Buttons?

5 posts, 0 answers
  1. Kevin
    Kevin avatar
    61 posts
    Member since:
    Oct 2008

    Posted 26 Mar 2009 Link to this post

    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

  2. Alex Gyoshev
    Admin
    Alex Gyoshev avatar
    2500 posts

    Posted 30 Mar 2009 Link to this post

    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.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Kevin
    Kevin avatar
    61 posts
    Member since:
    Oct 2008

    Posted 31 Mar 2009 Link to this post

    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!

     

     

  5. Kevin
    Kevin avatar
    61 posts
    Member since:
    Oct 2008

    Posted 22 May 2009 Link to this post

    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
  6. Alex Gyoshev
    Admin
    Alex Gyoshev avatar
    2500 posts

    Posted 26 May 2009 Link to this post

    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.
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017