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

Toolbar items alignment

1 Answer 95 Views
ToolBar
This is a migrated thread and some comments may be shown as answers.
Silver
Top achievements
Rank 1
Silver asked on 29 Nov 2012, 04:44 AM
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>

1 Answer, 1 is accepted

Sort by
0
Princy
Top achievements
Rank 2
answered on 29 Nov 2012, 07:06 AM
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.
Tags
ToolBar
Asked by
Silver
Top achievements
Rank 1
Answers by
Princy
Top achievements
Rank 2
Share this question
or