Round Corners of RadToolBarButtons

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

    Posted 02 Mar 2012 Link to this post

    I'm working with the RadToolBar, and RadToolBarButtons;

    My question is how best can I enable rounded corners on the RadToolBarButtons -

    EnableRoundedCorners

     

     

    ="True" is set on the RadToolBar itself;

    <telerik:RadToolBar ID="RadToolBar4" Height="30px" runat="server" Width="100%" Skin="Black" OnClientLoad="clientLoad" onbuttonclick="RadToolBar4_ButtonClick" CssClass="SeparatedButtons" OnClientDropDownOpened="dropDownOpened" EnableRoundedCorners="True" >
                                 
                    <Items>
      
                     <telerik:RadToolBarButton CommandName="Dashboard" Text="Dashboard" ID="rbDashboard" Font-Size="Medium" runat="server" Font-Names="Microsoft Sans Serif" BorderColor="LightGray" BorderStyle="Solid" BorderWidth="1px">
                        </telerik:RadToolBarButton>
                  
                        <telerik:RadToolBarButton CommandName="Documents" ID="rbDocuments" runat="server" Text="Documents" Font-Names="Microsoft Sans Serif" Font-Size="Medium" BorderColor="LightGray" BorderStyle="Solid" BorderWidth="1px">
                                    </telerik:RadToolBarButton>
      
                         <telerik:RadToolBarButton CommandName="OrgChart" ID="rbOrgChart" runat="server" Text="Organization Chart" Font-Size="Medium" Visible="false" BorderColor="LightGray" BorderStyle="Solid" BorderWidth="1px">
                            </telerik:RadToolBarButton>
                              
                         <telerik:RadToolBarDropDown Text="Please Select" Font-Size="Medium" CssClass="rightAligned" DropDownWidth="220px" BorderColor="White" BorderStyle="Solid" BorderWidth="1px">
                            
                            <Buttons>
                              
                                     <telerik:RadToolBarButton runat="server" Text="Profile" Font-Size="Medium" CheckOnClick="true" CommandName="ViewAccountProfile">
                                   </telerik:RadToolBarButton>
      
                                    <telerik:RadToolBarButton runat="server" Text="Contact Us" Font-Size="Medium" CheckOnClick="true" CommandName="ContactUs">
                                    </telerik:RadToolBarButton>
      
                                    <telerik:RadToolBarButton runat="server" Text="Sign Out" Font-Size="Medium" CheckOnClick="true" CommandName="SignOut">
                                    </telerik:RadToolBarButton>
      
                                     <%-- <telerik:RadToolBarButton runat="server" Text="Change Password" Font-Size="Medium" CheckOnClick="true" CommandName="ChangePassword">
                                    </telerik:RadToolBarButton>--%>
      
                            </Buttons>
                        </telerik:RadToolBarDropDown>
               
                             </Items>
                </telerik:RadToolBar>

     

  2. Answer
    Princy
    Princy avatar
    17421 posts
    Member since:
    Mar 2007

    Posted 05 Mar 2012 Link to this post

    Hello,

    One suggestion is you can create a custom skin as shown in the following help document.
    Creating A Custom Skin

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