Hi,
I got a ridiculous problem trying to set a predefined width of a RadSlidingPane, containing a RadPanelBar. To do this, I set Width of the RadSlidingBar, the RadPanelBar and all its RadPaneItems. Under IE, FF or Opera it works fine. But under Chrome and Safari it (I mean: whether it works or not) depends on.... the length of the RadSlidingPane's Title. If it is short - all is OK. But when it is longer - the RadPanelBar becomes narrow and gets horizontal scrollbars. When the title is "Pane" - it is OK. when the title is just "RadSlidingPane", it starts with scrollbars but after undocking / docking sequence the scrollbars disappear. When it is "RadSlidingPane ext." - it behaves as described (but after docking / undocking the RadPanelBar is wider but not wide enough).
The simplest markup is as follows:
Is it my fault, your fault - or the browser's fault?
Regards
Tomasz
I got a ridiculous problem trying to set a predefined width of a RadSlidingPane, containing a RadPanelBar. To do this, I set Width of the RadSlidingBar, the RadPanelBar and all its RadPaneItems. Under IE, FF or Opera it works fine. But under Chrome and Safari it (I mean: whether it works or not) depends on.... the length of the RadSlidingPane's Title. If it is short - all is OK. But when it is longer - the RadPanelBar becomes narrow and gets horizontal scrollbars. When the title is "Pane" - it is OK. when the title is just "RadSlidingPane", it starts with scrollbars but after undocking / docking sequence the scrollbars disappear. When it is "RadSlidingPane ext." - it behaves as described (but after docking / undocking the RadPanelBar is wider but not wide enough).
The simplest markup is as follows:
<telerik:RadSplitter ID="splitterMain" runat="server" Width="100%"> |
<telerik:RadPane ID="paneLeft" runat="server" Width="22px"> |
<telerik:RadSlidingZone ID="slzoneLeft" runat="server" Width="22px" DockedPaneId="slpaneLeft"> |
<telerik:RadSlidingPane ID="slpaneLeft" runat="server" Title="RadSlidingPane ext." Width="155px"> |
<telerik:RadPanelBar runat="server" ID="pbarLeftNavigator" Width="152px"> |
<Items> |
<telerik:RadPanelItem Text="Group 1" Width="150px"> |
<Items> |
<telerik:RadPanelItem Text="Action 1" Width="150px" /> |
<telerik:RadPanelItem Text="Action 2" Width="150px" /> |
</Items> |
</telerik:RadPanelItem> |
</Items> |
</telerik:RadPanelBar> |
</telerik:RadSlidingPane> |
</telerik:RadSlidingZone> |
</telerik:RadPane> |
<telerik:RadPane ID="paneContent" runat="server" BorderStyle="Solid" BorderWidth="1"> |
The content |
</telerik:RadPane> |
</telerik:RadSplitter> |
Is it my fault, your fault - or the browser's fault?
Regards
Tomasz