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

    Hello
    How can I remove the border of the RadToolBar?
    This is my code:
    <telerik:RadToolBar ID="RadToolBar_Layout" runat="server">
                <Items>
                    <telerik:RadToolBarDropDown CssClass="CustomTelerik" ImageUrl="~/Ressources/Images/Telerik/Dropdown/pagemap_16x16.png">
                            <Buttons>
                                <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>
                            </Buttons>
                        </telerik:RadToolBarDropDown>
                </Items>
                </telerik:RadToolBar>

    I have try to remove the border over a custom CSS class. But it doesn't work...
    .CustomTelerik
    {
        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
    Luca

  2. Kate
    Admin
    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;
    }
        </style>

    Kind regards,
    Kate
    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.

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