Completed
Last Updated: 21 Apr 2017 14:11 by Max Petersen
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;
    }
}
Completed
Last Updated: 02 May 2017 08:59 by Judy Markworth
ADMIN
Created by: Marin Bratanov
Comments: 2
Category: Splitter
Type: Bug Report
1
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
Completed
Last Updated: 11 Feb 2016 13:53 by ADMIN
ADMIN
Created by: Marin Bratanov
Comments: 6
Category: Splitter
Type: Bug Report
0
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.
Completed
Last Updated: 03 May 2016 14:02 by ADMIN
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>
Completed
Last Updated: 21 Jan 2016 14:12 by ADMIN
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>
Completed
Last Updated: 24 Dec 2015 08:44 by ADMIN
ADMIN
Created by: Vessy
Comments: 0
Category: Splitter
Type: Feature Request
1
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>
Pending Review
Last Updated: 24 Nov 2015 13:22 by Chris
Created by: Chris
Comments: 0
Category: Splitter
Type: Feature Request
0
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
Completed
Last Updated: 02 Jul 2015 10:53 by ADMIN
The tabs of SlidingPanes are not rendered (sized) properly is the SlidingPane is containing a nested Splitter. The issue is not reproducible with 2014.2.724 version of the controls.

Reproduction code:
        <telerik:RadSplitter ID="RadSplitter2" runat="server" Skin="Metro">
            <telerik:RadPane ID="RadPane1" runat="server" Width="22px">
                <telerik:RadSlidingZone ID="RadSlidingZone1" runat="server" Width="22px">
                    <telerik:RadSlidingPane ID="RadSlidingPane2" Title="What If" runat="server">
                        <telerik:RadSplitter ID="WhatIfPaneSplitter" runat="server" Width="50px">
                            <telerik:RadPane ID="RadPane2" runat="server"></telerik:RadPane>
                            <telerik:RadPane ID="RadPane3" runat="server"></telerik:RadPane>
                        </telerik:RadSplitter>
                    </telerik:RadSlidingPane>
                </telerik:RadSlidingZone>
            </telerik:RadPane>
            <telerik:RadPane ID="RadPane4" runat="server"></telerik:RadPane>
        </telerik:RadSplitter>
Under Review
Last Updated: 03 Aug 2016 13:44 by Tom
Created by: Tom
Comments: 0
Category: Splitter
Type: Feature Request
0
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.
Approved
Last Updated: 06 Jan 2015 15:40 by ADMIN
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)
Completed
Last Updated: 28 Jan 2015 12:20 by ADMIN
Completed
Last Updated: 07 Aug 2015 08:13 by ADMIN
When all Splitter's RadPanes have height configured in pixels, the control cannot be resized with the browser even if its width is set to 100%.

Steps to reproduce:
1. Run the following code and try to resize the width of the browser:
        <telerik:RadSplitter ID="VisualSplitter" runat="server" Orientation="Horizontal" Height="600px" Width="100%">
            <telerik:RadPane ID="TNPane" runat="server" Height="200" BackColor="WhiteSmoke" ContentUrl="Grid.aspx">
            </telerik:RadPane>
            <telerik:RadPane ID="ICPane" runat="server" Height="400" Scrolling="None" BackColor="Red" >
            </telerik:RadPane>
        </telerik:RadSplitter>


Temporary workaround:
Set the sum of all RadPanes' height as height of the Splitter and remain one RadPane's height not configured (the Splitter will calculate it on its own):
        <telerik:RadSplitter ID="VisualSplitter" runat="server" Orientation="Horizontal" _Height="600px" Width="100%">
            <telerik:RadPane ID="TNPane" runat="server" Height="200" BackColor="WhiteSmoke" ContentUrl="Grid.aspx">
            </telerik:RadPane>
            <telerik:RadPane ID="ICPane" runat="server" Scrolling="None" BackColor="Red" >
            </telerik:RadPane>
        </telerik:RadSplitter>
Declined
Last Updated: 17 Feb 2015 13:41 by ADMIN
When a Splitter contains both RadPanes with size in percent and free-sized panes, the width of the fomer is calculated properly only after the initial loading and remains the same the the page is resized.

Steps to reproduce:
1.     <telerik:RadSplitter ID="RadSplitter1" runat="server" Width="100%">
            <telerik:RadPane ID="RadPane1" runat="server" Width="10%"></telerik:RadPane>
            <telerik:RadSplitBar ID="RadSplitbar1" runat="server" ></telerik:RadSplitBar>
            <telerik:RadPane ID="RadPane2" runat="server"></telerik:RadPane>
         </telerik:RadSplitter>

2. Resize the browser.

Result: the size of RadPane1 is not recalculated

Temporary workaround:
Set size in perncent to all RadPanes in the Splitter.
Completed
Last Updated: 13 Feb 2015 11:14 by ADMIN
ADMIN
Created by: Vessy
Comments: 0
Category: Splitter
Type: Bug Report
0
A JavaScript error is thrown when a Splitbar is dragged in IE11 Edge mode and resolution 2560x1080. The issue is reproducible only when the ScriptManager's EnableScriptCombine property is set to False.

Temporary workaround: Set the RadScriptManager's EnableScriptCombine property to "True"
Declined
Last Updated: 25 Jul 2014 13:32 by ADMIN
The height of a  free-sized RadPane is not calculated properly on layout mode change in Android devices. The issue is reproducible in Firefox for Android.
Completed
Last Updated: 27 Feb 2014 10:55 by ADMIN
ADMIN
Created by: Vessy
Comments: 0
Category: Splitter
Type: Bug Report
0
When a RadPane with not configured fixed size is locked its size is not calculated properly (and the size of all its sibling free-sized panes).The issue can be reproduced with the following code in Firefox (both in horizontally or vertically oriented Splitter):

    <telerik:RadSplitter ID="TestSplitter" runat="server" Width="100%" Height="100%"
        Orientation="Horizontal">
        <telerik:RadPane ID="RadPane1" runat="server"
            Locked="true">
        </telerik:RadPane>
        <telerik:RadPane ID="RadPane2" runat="server">
        </telerik:RadPane>
        <telerik:RadPane ID="RadPane3" runat="server">
        </telerik:RadPane>
    </telerik:RadSplitter>

These overrides can be used as a temporary workaround:

        Telerik.Web.UI.SplitterPaneBase.prototype.get_height = function () {
            return this._height === "" ? 0 : parseInt(this._height);
        }
        Telerik.Web.UI.SplitterPaneBase.prototype.get_width = function () {
            return this._width === "" ? 0 : parseInt(this._width);
        }
Declined
Last Updated: 26 Jul 2016 10:51 by ADMIN
ADMIN
Created by: Vessy
Comments: 2
Category: Splitter
Type: Feature Request
1
Add ability to add border decoration to a RadPane/RadSplitter, without breaking the size of the control.
Declined
Last Updated: 21 Jul 2016 15:06 by ADMIN
ADMIN
Created by: Vessy
Comments: 2
Category: Splitter
Type: Feature Request
1
Add ability to add margin/padding to a Radpane, without breaking the size of the control.
Approved
Last Updated: 02 Dec 2013 16:44 by ADMIN
ADMIN
Created by: Vessy
Comments: 0
Category: Splitter
Type: Bug Report
0
The border of the splitbar disappears on hover. The issue is reproducible in IE - http://screencast.com/t/QfaZIZirSZfB
Completed
Last Updated: 27 Jun 2014 16:23 by Peter
ADMIN
Created by: Vessy
Comments: 2
Category: Splitter
Type: Bug Report
2
If the title of a SlidingPane is more than 22px it gets truncated in vertically oriented Splitter. The issue is reproducible in IE11 and IE8 here:
http://demos.telerik.com/aspnet-ajax/splitter/examples/sp_firstlook/defaultcs.aspx

1 2