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

Border: How To Remove

4 Answers 138 Views

PanelBar

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

Martin asked on 18 Aug 2008, 02:03 PM

Hi,

Simple request. I would like to remove the border around the panelbar. It would appear that if I set the BorderWidth="0" does not do it.

Example of what I am trying shown below:-

    
                    <telerik:RadPanelBar ID="RadPanelBar1" runat="server" Skin="Outlook" BorderWidth="0px">  
        
                        <Items> 
        
                            <telerik:RadPanelItem Text="Locations" Expanded="true" BorderWidth="0px">  
        
                                <ItemTemplate><p>Hello Telerik</p></ItemTemplate>      
        
                            </telerik:RadPanelItem> 
        
                        </Items> 
        
                    </telerik:RadPanelBar>

Is there a Css style I need to override instead?

Thanks,
Martin

4 Answers, 1 is accepted

Accepted

answered on 18 Aug 2008, 02:39 PM

Hello Martin,

Please find below a sample code snippet that shows the needed approach.

    
            <html xmlns="http://www.w3.org/1999/xhtml">  
        
            <head runat="server">  
        
                <title>Untitled Page</title> 
        
                <style type="text/css">  
        
                .RadPanelBar_Outlook .rpRootGroup,  
        
                .RadPanelBar_Outlook .rpRootGroup .rpLink  
        
                {  
        
                    border: none !important;  
        
                }  
        
                </style> 
        
            </head> 
        
            <body> 
        
                <form id="form1" runat="server">  
        
                    <div> 
        
                        <asp:ScriptManager ID="ScriptManager1" runat="server">  
        
                        </asp:ScriptManager> 
        
                        <telerik:RadPanelBar ID="RadPanelBar1" runat="server" Skin="Outlook">  
        
                            <Items> 
        
                                <telerik:RadPanelItem Text="Locations" runat="server">  
        
                                    <Items> 
        
                                        <telerik:RadPanelItem runat="server">  
        
                                            <ItemTemplate> 
        
                                                Hello Telerik  
        
                                            </ItemTemplate> 
        
                                        </telerik:RadPanelItem> 
        
                                    </Items> 
        
                                </telerik:RadPanelItem> 
        
                            </Items> 
        
                            <CollapseAnimation Duration="100" Type="None" /> 
        
                            <ExpandAnimation Duration="100" Type="None" /> 
        
                        </telerik:RadPanelBar> 
        
                </form> 
        
            </body> 
        
            </html>

Sincerely yours,
Paul
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.

Product Bundles

DevCraft

Web

Mobile

Document Management

Desktop

Reporting & Mocking

Automated Testing

CMS

UI/UX Tools

Debugging

Free Tools

Support and Learning

Productivity and Design Tools

Border: How To Remove

4 Answers, 1 is accepted