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
0
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:
, 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.
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.