Completed
Last Updated: 22 May 2015 12:23 by ADMIN
When you have a RadDockZone in a container with overflow, the RadDockZone contains resizable RadDocks (Resizable="true") and you start resizing one of the docks by clicking its bottom edge and dragging outside the border of the container with overflow, the resized dock will be positioned absolutely in the dock zone.
Completed
Last Updated: 04 Sep 2013 14:56 by ADMIN
If a page scrolling is started by touching the content of a RadDock and dragging under IE 10 in a mobile device, the page will not be scrolled.
Completed
Last Updated: 22 Apr 2015 10:32 by ADMIN
When you place input HTML elements in the content of a RadDock and open the the page with mobile Chrome for Android, you will not be able to use the input elements.
Completed
Last Updated: 04 Sep 2013 08:15 by ADMIN
ADMIN
Created by: Slav
Comments: 0
Category: Dock
Type: Bug Report
2
The RadDock is not transparent whlie being dragged.
Completed
Last Updated: 04 Sep 2013 14:54 by ADMIN
ADMIN
Created by: Slav
Comments: 0
Category: Dock
Type: Bug Report
2

			
Approved
Last Updated: 04 Sep 2013 14:55 by ADMIN
When you programmatically load RadDocks in the page view of a RadMultiPage, which is ajaxified via RadAjaxManager or RadAjaxPanel, the docks will be ordered incorrectly after an AJAX request is performed on change of the visible page view.
Completed
Last Updated: 24 Jun 2016 15:09 by ADMIN
The RadDock in a vertical RadDockZone is not expanded correctly the first time when it is collapsed by default and its Height is set. If Resizable is set to true, the dock will never expand.
Completed
Last Updated: 18 Mar 2014 12:59 by ADMIN
Setting the RenderMode=Auto to a Dock control results in a JS error on the client.

Expected is to choose the most appropriate render mode among the existing such.
Completed
Last Updated: 18 Nov 2013 16:06 by Advanced Programs Trading Co.
The appearance of the RadDock's title bar is broken when the control is configured with any of the following built-in skins in a RTL layout.
Approved
Last Updated: 04 Sep 2013 14:56 by Keith
When there is more than one row of RadDocks in a horizontally oriented RadDockZone, it will not be possible to resize them in order to use all the available width of the zone.
Completed
Last Updated: 26 May 2016 11:28 by ADMIN
ADMIN
Created by: Danail Vasilev
Comments: 1
Category: Dock
Type: Bug Report
1
When a RadDock without having its height property set is collapsed and then expanded, an explicit height is set to its wrapper as well as to its content wrapper, so that it cannot be resized. The workaround is to remove both heights on DockExpandCollapseCommand:

ASPX:

        <telerik:RadDock runat="server" ID="RadDock1" RenderMode="Classic" Resizable="true">
            <ContentTemplate>
                <asp:Button ID="btn" runat="server" Text="Click me" OnClientClick="toggleVisibility(); return false;" />
                <div id="divExpand" style="display: none; height: 400px;">
                    Expanded
                </div>
            </ContentTemplate>
            <Commands>
                <telerik:DockExpandCollapseCommand OnClientCommand="DockExpandCollapseCommand" />
            </Commands>
        </telerik:RadDock>

JavaScript:

        <telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">
            <script type="text/javascript">
                function toggleVisibility() {

                    var divExpand = $get('divExpand');

                    if (divExpand.style.display == 'none') {
                        divExpand.style.display = 'block';
                    }
                    else {
                        divExpand.style.display = 'none';
                    }
                }

                function DockExpandCollapseCommand(sender, args) {

                    if (!sender.get_collapsed()) {
                        sender.get_contentContainer().style.height = "";
                        sender.get_element().style.height = "";
                    }
                }
            </script>
        </telerik:RadCodeBlock>
Completed
Last Updated: 12 Jul 2016 09:46 by ADMIN
The CSS class "RadDock_Default" will be applied to the placeholder of a RadDock, regardless of the built-in skin that is specified for the control.
Approved
Last Updated: 30 Jun 2014 15:58 by Andre Light
For the time being you can either declare some command or place the following JavaScript workaround below the RadDock's declaration:
		<telerik:RadDockZone ID="RadDockZone1" runat="server" Height="100%" MinWidth="50">
			<telerik:RadDock ID="RadDock1" runat="server" RenderMode="Lightweight" Title="title"
				DefaultCommands="None" DockHandle="TitleBar" DockMode="Docked">
				<ContentTemplate>
					<div>
						Content...
					</div>
				</ContentTemplate>
			</telerik:RadDock>
		</telerik:RadDockZone>
		<script>
			Telerik.Web.UI.Dock.LightweightView.prototype._sizeTitleElement = function () {
				var titleElem = this.get_titleElement(),
					titleBarElem = this.get_titleBar(),
					commandsElem = this.get_commandsContainer();
				if (commandsElem == undefined) {
					titleElem.style.width = Math.max(0, parseInt(titleBarElem.clientWidth)) + "px";
				}
				else {
					titleElem.style.width = Math.max(0, parseInt(titleBarElem.clientWidth) - parseInt(commandsElem.clientWidth)) + "px";
				}
				
			}
		</script>
Completed
Last Updated: 09 Oct 2015 11:56 by ADMIN
Completed
Last Updated: 09 Dec 2015 13:50 by ADMIN
The client state of the dock changes, e.g, 80% to 80px. The pixel value affects the dock after a post back.

Possible workaround:

<telerik:RadDock runat="server" ID="dock2" Width="80%">
    <ContentTemplate>
        <telerik:RadButton runat="server"></telerik:RadButton>
    </ContentTemplate>
</telerik:RadDock>

<script>
    Telerik.Web.UI.RadDock.prototype.saveClientState = function () {
        var DECIMAL_RADIX = 10;
        var dock = this;
        var width = dock.get_width();
        var height = dock.get_height();
        var top = dock.get_top() ? parseInt(dock.get_top(), DECIMAL_RADIX) : null;
        var left = dock.get_left() ? parseInt(dock.get_left(), DECIMAL_RADIX) : null;
        var expandedHeight = parseInt(dock._expandedHeight, DECIMAL_RADIX);

        var state = {
            Top: top,
            Left: left,
            DockZoneID: this.get_dockZoneID(),
            Collapsed: this.get_collapsed(),
            Pinned: this.get_pinned(),
            Resizable: this.get_resizable(),
            Closed: this.get_closed(),
            Width: width,
            Height: height,
            ExpandedHeight: expandedHeight,
            Index: this.get_index(),
            IsDragged: this.get_isDragged()
        };

        return Sys.Serialization.JavaScriptSerializer.serialize(state);
    };
</script>
Completed
Last Updated: 01 Apr 2016 15:24 by Algo
For the time being you can use the following workaround:
ASPX:
		<div style="border: 1px solid red; height: 300px; width: 400px; overflow: scroll;">
			<div style="border: 1px solid green; height: 500px; width: 200px;">
				<telerik:RadDockZone ID="RadDockZone1" runat="server" RenderMode="Lightweight">
					<telerik:RadDock ID="RadDock1" runat="server" Resizable="true" RenderMode="Lightweight">
						<ContentTemplate>
							<div style="border: 1px solid blue; height: 100px;"></div>
						</ContentTemplate>
					</telerik:RadDock>
				</telerik:RadDockZone>
			</div>
		</div>
		<script>
			var Browser = Telerik.Web.Browser;
			$ = $telerik.$;
			Telerik.Web.UI.RadDock.prototype._initResizableWidget = function()
			{

				if(this._resizableWidget && this._resizableWidget.dispose)
					this._resizableWidget.dispose();

				if(!this._resizable) return;

				if(Browser.webkit) {
					//need to kickstart the css transform, because of a quirk in the layout engine of webkit/blink when it comes to position:static inside position:relative
					this._kickStartCssTransform();
				}

				this._resizableWidget = new Telerik.Web.UI.Widgets.Resizable(this._element, {
					handles: this._getAvailableHandles(), appendHandleToElement: true
				});

				if(this._renderingView)
					this._setResizeLimit();

				if(this._collapsed)
					this._resizableWidget.hideHandles();

				this._resizableWidget.add_resizeStart($.proxy(this._resizeStartHandler,this));
				this._resizableWidget.add_resizing($.proxy(this._resizingHandler, this));
				this._resizableWidget.add_resizeEnd($.proxy(this._resizeEndHandler, this));
			}
		</script>
Completed
Last Updated: 05 Sep 2013 09:50 by ADMIN
Created by: Sandun
Comments: 2
Category: Dock
Type: Bug Report
1
I have a RadDockLayout and RadDockZone in the markup and I'm dynamically add RadDock controls from code behind to RadDockZone. And the intended drag and drop behavior of Dock items within the Zone is working fine in IE and Chrome, but not in Firefox. In Firefox when I click on the Title area of the RadDock item (which is the drag handler) the Dock item detached from the list and from the Zone and goes far top of the page from the cursor or just disappear. So far what I have found is this;

The RadDockZone is placed in bottom of the long page (with browser scrolled to bottom). The RadDock item does not take the scroll height into account when it's position is calculated.

I'm using latest version of Firefox (v17) and other browsers (IE v9, Chome v23)

Is there a fix for this ?
Approved
Last Updated: 15 Feb 2017 15:32 by ADMIN
The size of a dock is increased a bit each time it is dropped and the  EnableAnimation="True".

Video: https://www.screencast.com/t/LoUJbAb8c

Workaround:
Set EnableAnimation="False"

Steps to reproduce:
1. Run the following code.
2. Swipe the first and second dock several times (Test 1 and Test 2)

                <telerik:RadDockZone ID="Zone1" runat="server" Height="500px" Orientation="Horizontal" Width="400px">
                    <telerik:RadDock RenderMode="Lightweight" runat="server" Height="110px" Width="140px" ID="RadDock1" Title="RadDock A" DefaultCommands="None" DockMode="Docked"
                        EnableAnimation="True" EnableRoundedCorners="True" Skin="Silk">
                        <ContentTemplate>
                            <div style="background-color: blue; width: 110px; color: white">
                                Test 1
                            </div>
                        </ContentTemplate>
                    </telerik:RadDock>
                    <telerik:RadDock RenderMode="Lightweight" runat="server" Height="110px" Width="140px" ID="RadDock2" Title="RadDock B"
                        DefaultCommands="None" DockMode="Docked" EnableAnimation="True" EnableRoundedCorners="True" Skin="Web20">
                        <ContentTemplate>
                            <div style="background-color: red; width: 110px; color: white">
                                Test 2
                            </div>
                        </ContentTemplate>
                    </telerik:RadDock>
                    <telerik:RadDock RenderMode="Lightweight" runat="server" Height="110px" Width="140px" ID="RadDock3"
                        Title="RadDock C" DefaultCommands="None" DockMode="Docked" EnableAnimation="True" EnableRoundedCorners="True" Skin="Web20">
                        <ContentTemplate>
                            <div style="background-color: green; width: 110px; color: white">
                                Original
                            </div>
                        </ContentTemplate>
                    </telerik:RadDock>
                </telerik:RadDockZone>


Result: The width of the first two docks is different than the one which has not been dragged (Original)

Expected: The width of all docks remains the same.
Completed
Last Updated: 03 May 2016 13:54 by ADMIN
ADMIN
Created by: Vessy
Comments: 0
Category: Dock
Type: Bug Report
0
As of Q1 2016 the elasticity of RadDock is not behaving properly due to  some fixed font styles like:
.RadDock .rdCommandButton
 {
     font-size: 16px;
 }

Possible workaround:
div.RadDock .rdCommandButton
 {
     font-size: 1.2em;
 }
Completed
Last Updated: 13 Jul 2015 13:52 by Jon
The rounded corners of RadDock controls that are using the Silk or Glow skin cannot be disabled.
1 2