Toolbar items alignment

2 posts, 0 answers
  1. Silver
    Silver avatar
    25 posts
    Member since:
    Feb 2012

    Posted 28 Nov 2012 Link to this post

    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>
  2. Princy
    Princy avatar
    17421 posts
    Member since:
    Mar 2007

    Posted 29 Nov 2012 Link to this post

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