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

Align Button to right of RadToolBar

1 Answer 261 Views
ToolBar
This is a migrated thread and some comments may be shown as answers.
Robert
Top achievements
Rank 1
Robert asked on 02 Dec 2011, 11:11 PM
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>

1 Answer, 1 is accepted

Sort by
0
Accepted
Princy
Top achievements
Rank 2
answered on 05 Dec 2011, 05:47 AM
Hello Robert,

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

Thanks,
Princy.
Tags
ToolBar
Asked by
Robert
Top achievements
Rank 1
Answers by
Princy
Top achievements
Rank 2
Share this question
or