How to give space between teo toolbar button

[Hrushikesh Mokashi]

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

 In Radcontrol Asp.net 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.

[Peter]

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>
        <Items>
            <telerik:RadToolBarButton runat="server" Width="150px" Text="Button 0">
            </telerik:RadToolBarButton>
            <%--<telerik:RadToolBarButton runat="server" IsSeparator="True" >
            </telerik:RadToolBarButton>--%>
            <telerik:RadToolBarButton runat="server" Width="150px" Text="Button 2">
            </telerik:RadToolBarButton>
           <%-- <telerik:RadToolBarButton runat="server" IsSeparator="True" >
            </telerik:RadToolBarButton>--%>
            <telerik:RadToolBarButton runat="server" Text="Button 4">
            </telerik:RadToolBarButton>
        </Items>
    </telerik:RadToolBar>

Regards,
Peter
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center

[Santosh Kannan]

Hi,

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.

[Yana]

Hello Santosh Kannan,

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

div.RadToolBar_Horizontal .rtbSeparator {
   width:20px;
   background: none;
   border: none;
}

Best wishes,
Yana
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.