DevTools for .NET

Answered Align Button to right of RadToolBar

Robert

Posted on Dec 2, 2011 (permalink)

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>

Reply

Answer Princy MVP

Posted on Dec 4, 2011 (permalink)

Hello Robert,

Try the following CSS.
CSS:

<style type="text/css">

.RadToolBar .rtbIn, .RadToolBar .rtbIn *

{

margin-left:15px !important;

}

</style>

Thanks,
Princy.

Reply