display problem in slidingpane

2 posts, 0 answers
  1. Nick
    Nick avatar
    10 posts
    Member since:
    Nov 2007

    Posted 23 Aug 2008 Link to this post

    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

    1 <telerik:RadSplitter id="splitter1" runat="server" height="470" width="100%">  
    2     <telerik:RadPane ID="paneleft" runat="server" Width="200" Scrolling="Both" MinWidth="200" MaxWidth="300">  
    3     </telerik:RadPane>      
    4     <telerik:RadSplitBar id="split1" runat="server"></telerik:RadSplitBar> 
    5     <telerik:RadPane id="panemain" MinWidth="500" runat="server">  
    6             
    7         <div style="padding: 10px;">  
    8             <asp:UpdatePanel ID="updatePanel" runat="server">  
    9                 <ContentTemplate> 
    10                 </ContentTemplate> 
    11             </asp:UpdatePanel> 
    12         </div> 
    13             
    14     </telerik:RadPane> 
    15           
    16     <telerik:RadPane id="paneright" Width="22" runat="server">  
    17         <telerik:RadSlidingZone id="zoneright" runat="server" Width="22" DockedPaneId="slidingpane1" ClickToOpen="True" slidedirection="Left">  
    18             <telerik:RadSlidingPane id="slidingpane1" Scrolling="Y" Height="400" title="SlindingPane 1" runat="server" Width="210">  
    19             </telerik:RadSlidingPane> 
    20         </telerik:RadSlidingZone> 
    21     </telerik:RadPane> 
    22 </telerik:RadSplitter>  
  2. Tsvetie
    Admin
    Tsvetie avatar
    1517 posts

    Posted 25 Aug 2008 Link to this post

    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.
Back to Top