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

Remove RadToolBar-border

1 Answer 166 Views
ToolBar
This is a migrated thread and some comments may be shown as answers.
Luca
Top achievements
Rank 1
Luca asked on 17 May 2011, 11:39 AM
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

1 Answer, 1 is accepted

Sort by
0
Kate
Telerik team
answered on 19 May 2011, 01:42 PM
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.

Tags
ToolBar
Asked by
Luca
Top achievements
Rank 1
Answers by
Kate
Telerik team
Share this question
or