Toolbar items alignment

[Silver]

Hi,

I have radtool bar on page header. It will have only three toolbar items. I want first two align to left and third one to right. The tool bar occupies entire page width (100%). How to align items?

I have something like below all the items are aligned to left.

        <telerik:RadToolBar runat="server" ID="RadToolBar1" Skin="Hay" Width="100%">
            <Items>
                <telerik:RadToolBarButton ImageUrl="someimage.jpg"></telerik:RadToolBarButton>
                <telerik:RadToolBarButton Text="Application TITLE" Checked="true" CheckOnClick="true" AllowSelfUnCheck="false"></telerik:RadToolBarButton>
                <telerik:RadToolBarButton Text="Getout" ></telerik:RadToolBarButton>
            </Items>
        </telerik:RadToolBar>

[Princy]

Hi Silver,

One suggestion is that you can assign the CssClass to the third RadToolBarButton as follows.

CSS:

<style type="text/css">
    .buttoncss
    {
        margin-left: 975px;
    }
</style>

ASPX:

<telerik:RadToolBar runat="server" ID="RadToolBar1" Skin="Hay" Width="100%">
    <Items>
        <telerik:RadToolBarButton ImageUrl="Images/image.jpg">
        </telerik:RadToolBarButton>
        <telerik:RadToolBarButton Text="Application TITLE" Checked="true" CheckOnClick="true"
            AllowSelfUnCheck="false">
        </telerik:RadToolBarButton>
        <telerik:RadToolBarButton Text="Getout" CssClass="buttoncss">
        </telerik:RadToolBarButton>
    </Items>
</telerik:RadToolBar>

Hope this helps.

Regards,
Princy.