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

Round Corners of RadToolBarButtons

1 Answer 85 Views
ToolBar
This is a migrated thread and some comments may be shown as answers.
Robert
Top achievements
Rank 1
Robert asked on 03 Mar 2012, 12:15 AM
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>

 

1 Answer, 1 is accepted

Sort by
0
Accepted
Princy
Top achievements
Rank 2
answered on 05 Mar 2012, 07:04 AM
Hello,

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

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