Remove RadToolBar-border

2 posts, 0 answers
  1. Luca
    Luca avatar
    2 posts
    Member since:
    May 2011

    Posted 17 May 2011 Link to this post

    How can I remove the border of the RadToolBar?
    This is my code:
    <telerik:RadToolBar ID="RadToolBar_Layout" runat="server">
                    <telerik:RadToolBarDropDown CssClass="CustomTelerik" ImageUrl="~/Ressources/Images/Telerik/Dropdown/pagemap_16x16.png">
                                <telerik:RadToolBarButton id="OpenBoth" Text="Normal" CheckOnClick="true" AllowSelfUnCheck="true" ImageUrl="~/Ressources/Images/Telerik/Dropdown/pagemap_normal_16x16_blue.png" />
                                <telerik:RadToolBarButton id="CloseBoth" Text="Vollbild" CheckOnClick="true" AllowSelfUnCheck="true" ImageUrl="~/Ressources/Images/Telerik/Dropdown/pagemap_full_16x16_blue.png" />
                                <telerik:RadToolBarButton id="CloseLeft" Text="Linke Sidebar" CheckOnClick="true" AllowSelfUnCheck="true" ImageUrl="~/Ressources/Images/Telerik/Dropdown/pagemap_left_16x16_blue.png" />
                                <telerik:RadToolBarButton id="CloseRight" Text="RechteSidebar" CheckOnClick="true" AllowSelfUnCheck="true" ImageUrl="~/Ressources/Images/Telerik/Dropdown/pagemap_right_16x16_blue.png"></telerik:RadToolBarButton>

    I have try to remove the border over a custom CSS class. But it doesn't work...
        background: none;
        border: 0 none !important;
        text-decoration: none;
        border-bottom-width: 0px !important
    In the attached files you can see how it looks at the moment. 
    And by the way. Is it possible to change the dropdown side, so that it has a left "float".

    Thanks for the help!

    kind regard

  2. Kate
    Kate avatar
    1898 posts

    Posted 19 May 2011 Link to this post

    Hi Luca,

    To be able to remove the border around the RadToolBarDropDown you could apply the following css class selectors instead of the CssClass="CustomTelerik":
    <style type="text/css">
    div.RadToolBar_Default .rtbOuter {
        border: none;
    div.RadToolBar_Default .rtbMiddle
        border: none;

    Kind regards,
    the Telerik team

    Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.

Back to Top