Align Button to right of RadToolBar

2 posts, 1 answers
  1. Robert
    Robert  avatar
    68 posts
    Member since:
    Feb 2009

    Posted 02 Dec 2011 Link to this post

    I'm writing to ask how best to align a RadToolBarDropDown item to the far right of the RadToolBar;

    Setting dir="rtl" on the RadToolBar itself aligns the RadToolBar to the right - but setting dir="rtl" on the RadToolBarDropDown has no affect;

    Thanks in advance for any insight;  Best regards - Rob

    <telerik:RadToolBar ID="RadToolBar1" runat="server" Width="100%" 
               Skin="Black">
               <Items>
                   <telerik:RadToolBarButton runat="server" Text="Documents">
                   </telerik:RadToolBarButton>
                   <telerik:RadToolBarButton runat="server" IsSeparator="true">
                   </telerik:RadToolBarButton>
                   <telerik:RadToolBarDropDown runat="server" Text="Fleet Advantage">
                       <Buttons>
                           <telerik:RadToolBarButton runat="server" Text="Sign Out" >
                           </telerik:RadToolBarButton>
                           <telerik:RadToolBarButton runat="server" Text="Contact Us" >
                           </telerik:RadToolBarButton>
                       </Buttons>
                   </telerik:RadToolBarDropDown>
               </Items>
           </telerik:RadToolBar>
  2. Answer
    Princy
    Princy avatar
    17421 posts
    Member since:
    Mar 2007

    Posted 04 Dec 2011 Link to this post

    Hello Robert,

    Try the following CSS.
    CSS:
    <style type="text/css">
    .RadToolBar .rtbIn, .RadToolBar .rtbIn *
     {
      margin-left:15px !important;
     }
    </style>

    Thanks,
    Princy.
  3. UI for ASP.NET Ajax is Ready for VS 2017
Back to Top