How to give space between teo toolbar button

4 posts, 0 answers
  1. Hrushikesh Mokashi
    Hrushikesh Mokashi avatar
    172 posts
    Member since:
    Dec 2007

    Posted 17 Jul 2008 Link to this post

     I want to give space between two toolbar button.
     It is possible for me in Radcontrol Q3 2007 without applying any skin.

     In Radcontrol ajax Q1 2008 it showing the toolbar button with no space bettween them.
    How can i give the space between two toolbar button without applying skin.

  2. Peter
    Peter avatar
    6637 posts

    Posted 17 Jul 2008 Link to this post

    Hi Hrushikesh,

    You can set the Width property for the toolbar buttons. You can also try inserting separators between the items. For example, run the following code and check if this is what you need. Also, remove the Width property for the items and uncomment the separator buttons and test the sample.

    <telerik:RadToolBar ID="RadToolBar1" Runat="server">  
    <CollapseAnimation Type="OutQuint" Duration="200"></CollapseAnimation> 
                <telerik:RadToolBarButton runat="server" Width="150px" Text="Button 0">  
                <%--<telerik:RadToolBarButton runat="server" IsSeparator="True" > 
                <telerik:RadToolBarButton runat="server" Width="150px" Text="Button 2">  
               <%-- <telerik:RadToolBarButton runat="server" IsSeparator="True" > 
                <telerik:RadToolBarButton runat="server" Text="Button 4">  

    the Telerik team

    Instantly find answers to your questions at the new Telerik Support Center
  3. DevCraft R3 2016 release webinar banner
  4. Santosh Kannan
    Santosh Kannan avatar
    6 posts
    Member since:
    Jan 2010

    Posted 09 Mar 2010 Link to this post


    The above solution does not work. The scenario is having a ToolBar with 2 buttons (OK and Cancel), and need to give a space as a separator between.

    Please advice how to achieve this.
  5. Yana
    Yana avatar
    4548 posts

    Posted 11 Mar 2010 Link to this post

    Hello Santosh Kannan,

    You can put a separator between them and control its Width with the following css styles:

    div.RadToolBar_Horizontal .rtbSeparator {
       background: none;
       border: none;

    Best wishes,
    the Telerik team

    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.
Back to Top