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

[Solved] display problem in slidingpane

1 Answer 102 Views

Splitter

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

Nick asked on 23 Aug 2008, 07:01 AM

All the content in my slidingplane is not how it should be ... font-size = small, css class defined structures handled different then in a normal RadPane ...
How come ? Below my splitter

    
            <telerik:RadSplitter id="splitter1" runat="server" height="470" width="100%">  
        
                <telerik:RadPane ID="paneleft" runat="server" Width="200" Scrolling="Both" MinWidth="200" MaxWidth="300">  
        
                </telerik:RadPane>      
        
                <telerik:RadSplitBar id="split1" runat="server"></telerik:RadSplitBar> 
        
                <telerik:RadPane id="panemain" MinWidth="500" runat="server">  
        
                    <div style="padding: 10px;">  
        
                        <asp:UpdatePanel ID="updatePanel" runat="server">  
        
                            <ContentTemplate> 
        
                            </ContentTemplate> 
        
                        </asp:UpdatePanel> 
        
                    </div> 
        
                </telerik:RadPane> 
        
                <telerik:RadPane id="paneright" Width="22" runat="server">  
        
                    <telerik:RadSlidingZone id="zoneright" runat="server" Width="22" DockedPaneId="slidingpane1" ClickToOpen="True" slidedirection="Left">  
        
                        <telerik:RadSlidingPane id="slidingpane1" Scrolling="Y" Height="400" title="SlindingPane 1" runat="server" Width="210">  
        
                        </telerik:RadSlidingPane> 
        
                    </telerik:RadSlidingZone> 
        
                </telerik:RadPane> 
        
            </telerik:RadSplitter>

1 Answer, 1 is accepted

answered on 25 Aug 2008, 02:55 PM

Hello Nick,
The style, applied to the content of the RadSlidingPane are defined in the slideContent CSS class. You can change that class, so that the result meets your requirements.

You can either modify it in the HEAD of your page, fox example:

    
            <head runat="server">  
        
                <title>Untitled Page</title> 
        
                <style type="text/css">  
        
                .slideContent  
        
                {  
        
                    font-size: 12px !important;  
        
                }  
        
                </style> 
        
            </head> 
        
            <body> 
        
                <form id="form1" runat="server">  
        
                    <asp:ScriptManager ID="ScriptManager1" runat="server" /> 
        
                    <telerik:radsplitter id="splitter1" runat="server" height="470" width="100%">     
        
                        <telerik:RadPane ID="paneleft" runat="server" Width="200" Scrolling="Both"   
        
                            MinWidth="200" MaxWidth="300">     
        
                        </telerik:RadPane>         
        
                        <telerik:RadSplitBar id="split1" runat="server"></telerik:RadSplitBar>    
        
                        <telerik:RadPane id="panemain" MinWidth="500" runat="server">   
        
                            <div style="padding: 10px;">     
        
                                <asp:UpdatePanel ID="updatePanel" runat="server">     
        
                                    <ContentTemplate>    
        
                                    Text  
        
                                     </ContentTemplate>    
        
                                 </asp:UpdatePanel>    
        
                             </div> 
        
                         </telerik:RadPane>    
        
                         <telerik:RadPane id="paneright" Width="22" runat="server">     
        
                             <telerik:RadSlidingZone id="zoneright" runat="server" Width="22" DockedPaneId="slidingpane1" ClickToOpen="True"   
        
                                slidedirection="Left">     
        
                                 <telerik:RadSlidingPane id="slidingpane1" Scrolling="Y" Height="400" title="SlindingPane 1"   
        
                                    runat="server" Width="210">     
        
                                    Text  
        
                                 </telerik:RadSlidingPane>    
        
                             </telerik:RadSlidingZone>    
        
                         </telerik:RadPane>    
        
                     </telerik:radsplitter> 
        
                </form> 
        
            </body> 
        
            </html>

, or create your own custom skin, in case you intend to make a lot of changes to the way the splitter looks. For information on creating custom skins, please refer to our online documentation.

Sincerely yours,
Tsvetie
the Telerik team

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