The tabs get hidden when a top oriented SlidingPane is docked inside a horizontal SlidingZone. The issue is reproducible when the resize mode of the parent Splitter is != AdjacentPane. Steps to reproduce: 1. Run the following code: <div style="padding: 200px"> <telerik:RadSplitter runat="server" ID="RadSplitter2" Orientation="Horizontal" ResizeMode="Proportional"> <telerik:RadPane runat="Server" ID="radpane11" Height="20px" MaxWidth="980" Scrolling="None" BackColor="Green"> <telerik:RadSlidingZone ID="ListMetricsSlidingZone" runat="server" Height="25px" DockedPaneId="ListMetricsPane" SlideDirection="Top"> <telerik:RadSlidingPane ID="ListMetricsPane" Title="DEF" runat="server"> 1111 </telerik:RadSlidingPane> <telerik:RadSlidingPane ID="ListHistorySlidingPane1" Title="XYZ" Font-Size="X-Large" runat="server"> 222 </telerik:RadSlidingPane> </telerik:RadSlidingZone> </telerik:RadPane> <telerik:RadPane runat="Server" ID="radpane33" Scrolling="None"> </telerik:RadPane> </telerik:RadSplitter> </div> 2. Undock and dock a sliding pane. Expected: The tabs remains visible all the time (change the Splitters ResizeMode="AdjacentPane" for reference)
The print preview resulted by the Splitter's print() method appears blank in Chrome in case there are CSS files passed as an argument to method. Steps to reproduce: 1. Open http://demos.telerik.com/aspnet-ajax/splitter/examples/printpane/defaultcs.aspx in Chrome 2. Click in the "Print LeftPane" button Result: An empty print-preview window is shown.
The border of the splitbar disappears on hover. The issue is reproducible in IE - http://screencast.com/t/QfaZIZirSZfB
When a Sliding pane have to be resized over a RadPane, containing a heavy weight object (Silverlight, PDF, Flash, etc.) its size is not calculated properly.
I have splitter tabs that show only images, no text--they are custom built so I get rotated text without worrying about browser compatibility. I would like to use sprite images for the tabs rather than individual images.
I would like the ability to add attributes to the 'RadPane' iframe server side, example problem: Suppose you have a page with an embedded you-tube video, the full screen option will be disabled as the iframe attribute 'allowfullscreen' is missing, this can be worked around using the following technique: http://www.telerik.com/forums/youtube-full-screen However if the initial page has the youtube video the page needs to be loaded twice as chrome only picks it up on the second page load (as its been set in javascript). If this is not possible, I would recommend you copy the approach used on radwindow (http://www.telerik.com/forums/youtube-video-in-popup-window-full-screen) e.g. function setIframeAttr(sender, args) { var frame = sender.get_contentFrame(); if (frame) { frame.setAttribute("allowfullscreen", "true"); } } With a client side event "OnClientBeforeShow" (OnClientShow does not work in internet explorer). This isn't a priority but since there is a hack involved with reloading the page it may be worthwhile making it easier. Chris
Workaround: Set the ShowContentDuringLoad="false" property of the RadPane in the markup initially
Code to reproduce the bug:
Visual regressions in RadSplitter: [Lightweight] [IE-all] [All-Skins] vertical sliding panes tab text is upside down now: https://www.screencast.com/t/GhdIru4Od2sU [Classic] [all-browsers] [BlackMetroTouch,MetroTouch] - missing SlidingPane icons - https://www.screencast.com/t/qc18E9vU7MSF [Classic] [all-browsers] [Metro, MetroTouch] - missing backgrounds in the entire splitter: https://www.screencast.com/t/MBjdwph1wcW [Classic] [all-browsers] [All-Skins] - missing active sliding pane effect (expected: https://www.screencast.com/t/lFAnFdyzwNRU , actual: https://www.screencast.com/t/jyDdWJHIa10 ) [Classic] [all-browsers] [Silk] - missing sliding pane header background: https://www.screencast.com/t/Nrk33Jokvuao Workaround is to use the Lightweight RenderMode as is affected in the least, or roll back to R3 2016 SP2
RadSplitter is loaded with the gray background when configured with Default/Silks/Bootstrap skins in RenderMode="Classic". The issue applies to RadFileExplorer and RadEditor file browser dialogs too which use RadSplitter inside. The background is white in version 2017.1.118.40 and earlier. Workaround: Switch to RenderMode="lightweight" or RadSplitter: Apply the BackColor property to RadSplitter or its RadPane items. RadFileExplorer: ASPX: <telerik:RadFileExplorer ID="RadFileExplorer1" runat="server" RenderMode="Classic"> <Configuration ViewPaths="~/" /> </telerik:RadFileExplorer> Codebehind: using Telerik.Web.UI; public partial class Default2 : System.Web.UI.Page { protected void Page_Load(object sender, EventArgs e) { (RadFileExplorer1.Splitter.GetPanes()[0] as RadPane).BackColor = System.Drawing.Color.White; (RadFileExplorer1.Splitter.GetPanes()[1] as RadPane).BackColor = System.Drawing.Color.White; } }
Add ability to add border decoration to a RadPane/RadSplitter, without breaking the size of the control.
Add ability to add margin/padding to a Radpane, without breaking the size of the control.
The client events of RazSlidingZone are not triggered properly when the zone is placed in a nested Splitter. For example, when a Sliding pane is docked the triggered events are ClientDocking (2 times) and ClientUndocking (1 time) instead of one time ClientDocking. Code to reproduce the problem: Note: Removing the decked pane of the parent splitter leads to proper behavior. <telerik:RadSplitter ID="MainSplitter" runat="Server" Width="100%" Height="100%"> <telerik:RadPane ID="ViewerDocumentsPane" runat="Server"> <telerik:RadSlidingZone ID="ViewerDocumentsSlidingZone" runat="Server" DockedPaneId="ViewerDocumentsSlidingPane"> <telerik:RadSlidingPane ID="ViewerDocumentsSlidingPane" runat="Server" Title="Lef pane"> </telerik:RadSlidingPane> </telerik:RadSlidingZone> </telerik:RadPane> <telerik:RadPane ID="ViewerMainContainerPane" runat="Server"> <telerik:RadSplitter ID="ViewerMainContainerSplitter" runat="Server" Orientation="Horizontal"> <telerik:RadPane ID="ViewerInvalidSignaturePane" runat="Server"> </telerik:RadPane> <telerik:RadPane ID="ViewerDocumentInfoPane" runat="Server" Height="22px"> <telerik:RadSlidingZone ID="ViewerDocInfoSlidingZone" Height="22px" SlideDirection="Top" runat="Server" DockedPaneId="ViewerDocInfoPane"> <telerik:RadSlidingPane Title="slidingPane" ID="ViewerDocInfoPane" runat="Server" OnClientDocking="OnClientDocking" OnClientUndocking="OnClientUndocking"> </telerik:RadSlidingPane> </telerik:RadSlidingZone> </telerik:RadPane> </telerik:RadSplitter> </telerik:RadPane> <telerik:RadPane ID="ViewerDocumentDetails" runat="Server"> </telerik:RadPane> </telerik:RadSplitter> <script> function OnClientDocking(sender, eventArgs) { console.log("OnClientDocking"); } function OnClientUndocking(sender, eventArgs) { console.log("OnClientUndocking"); } </script>
When a RadPanelBar (having have more than 1 level of nested items) is nested inside a SlidingPane, it cannot be scrolled after expanding in iOS.
Potential workaround is attached but it requires modification of the markup to add a class to the pane that holds the vertical sliding zone as well. If you do not need this fixed urgently, wait for an official fix.
The text of the tabs inside a SlidingZone is not displayed properly when the SlidingZone is updated via AJAX. Steps to reproduce: Run the following code and click a button inside a SlidingPane. <telerik:RadSplitter ID="RadSplitter1" runat="server"> <telerik:RadPane ID="RadPane1" Scrolling="Both" Width="30px" runat="server"> <telerik:RadSlidingZone ID="RadSlidingZone1" runat="server" Width="30px"> <telerik:RadSlidingPane ID="RadSlidingPane1" runat="server" Title="Menu 1" Width="280px"> <telerik:RadButton runat="server" ID="btn1" AutoPostBack="true" Text="Update SlidingZone"></telerik:RadButton> </telerik:RadSlidingPane> <telerik:RadSlidingPane ID="RadSlidingPane2" runat="server" Title="Side Menu Two" Width="280px"> <telerik:RadButton runat="server" ID="btn2" AutoPostBack="true" Text="Update SlidingZone"></telerik:RadButton> </telerik:RadSlidingPane> </telerik:RadSlidingZone> </telerik:RadPane> <telerik:RadPane ID="AdditionalPane1" runat="server"></telerik:RadPane> </telerik:RadSplitter> <telerik:RadAjaxManager runat="server" ID="RadAjaxManager"> <AjaxSettings> <telerik:AjaxSetting AjaxControlID="RadSlidingZone1"> <UpdatedControls> <telerik:AjaxUpdatedControl ControlID="RadSplitter1" /> </UpdatedControls> </telerik:AjaxSetting> <telerik:AjaxSetting AjaxControlID="RadSlidingZone1"> <UpdatedControls> <telerik:AjaxUpdatedControl ControlID="RadSplitter1" /> </UpdatedControls> </telerik:AjaxSetting> </AjaxSettings> </telerik:RadAjaxManager>
If the title of a SlidingPane is more than 22px it gets truncated in vertically oriented Splitter. The issue is reproducible in Edge http://demos.telerik.com/aspnet-ajax/splitter/examples/sp_firstlook/defaultcs.aspx Workaround: <style type="text/css"> .rspPaneTabContainer{ height: initial !important; } </style>
The scroll position of the radPanes is not pesisted after a postback (even if the PersistScrollPosition property of the Pane is set to "true").
The border size of the RadPanes is always inherited by their parent Splitter's BorderSize, ragardless of the value set to the Splitter's PanesBorderSize property.
The title of the SlidingPane is truncated in IE8 - http://screencast.com/t/yiJCR8DRp Workaround: .rspSlideContainer td.rspSlideTitleContainer div.rspSlideTitle { width: 100% !important; }