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: 01 Apr 2016 15:24 by Louis-Joel
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: 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: 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: 09 Oct 2015 11:56 by ADMIN
Approved
Last Updated: 29 Jul 2015 14:56 by ADMIN
When there is a RadDock with one or more disabled commands, you focus the dock and you use one of the default keyboard shortcuts for the disabled command(s), the keydown browser event will be disabled.

The default shortcuts are:

    ESC - Close command
    Ctrl + F11 - Toggle Expand / Collapse command
    Crtr + F12- Toggle Pin / UnPin command
Under Review
Last Updated: 01 Aug 2016 10:26 by ADMIN
It will possible to manually invoke the saving and loading of the dock state when the built-in dock state persistence is used in order to avoid the automatic saving and loading of the state on each postback. 
Declined
Last Updated: 01 Aug 2016 11:59 by ADMIN
Created by: Denny
Comments: 1
Category: Dock
Type: Feature Request
1
Request new properties for the RadDockZone to allow the display of a message, image, or style when no docks are present in the zone along the lines of the EmptyMessage property of the RadInput control.  The properties could be:  "EmptyZoneMessage", "EmptyZoneImage" and "EmptyZoneCssClass".  See the following thread from 2010 where a solution to this was discussed:  http://www.telerik.com/forums/empty-raddockzone-message
Completed
Last Updated: 28 May 2015 07:21 by Louis-Joel
When you dock a resizable RadDock (Resizable="true") in a RadDockZone, its drag handle is displaced in Chrome, which prevents you from resizing it when there are multiple docked docks.
Completed
Last Updated: 23 Feb 2015 16:01 by ADMIN
When you place a resizable RadDock control (Resizable="true") in a RadDockZone without specified size and you close the dock, a JavaScript error is thrown.
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.
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: 12 Sep 2018 08:37 by Peter
When the browser or the page, on which a RadDock is placed, is configured with a culture that uses comma-separated values and you set the Width, Height, Top, Left properties with such a value, an exception will be thrown.
Completed
Last Updated: 14 Oct 2015 15:28 by ADMIN
When the content container of RadDock is configured to be a drag handle via the following code

dock.set_handle(dock.get_contentContainer());

a JavaScript error will be thrown if you call the 'clone' client-side function of the control

dock.clone()
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.
Declined
Last Updated: 17 Mar 2015 08:08 by Elena
We have this client reporting to me that RadDock control is not working on Windows 8 using Google Chrome most updated version. I have double check on this but it is working on my end using Windows 7 Google Chrome most updated version too.

She is saying that on Windows 8 Google Chrome, she would not able to drag the RadDock control from RadDockZone1 to RadDockZone2.

Let me know if this something that is a bug on your end?

Thanks,

Approved
Last Updated: 31 Jan 2018 12:03 by Matt Howeson
When a RadDock control is dragged to the bottom of a page, the page will start scrolling.
Completed
Last Updated: 16 Sep 2015 05:49 by ADMIN
The animation of the RadDock control is causes performance issues under IE8 and due to that the expanding/collapsing and the docking/undocking functionalities are not working as expected.

Disabling the animation resolves the issue: 
EnableAnimation="false"
Completed
Last Updated: 20 Jan 2015 12:19 by ADMIN
The RadDock control cannot be expanded when it is set in lightweight render mode and its property Collapsed is set to true.

You can avoid this issue by setting the dock in collapsed state via its client-side API:

<script type="text/javascript">
    function OnClientInitialize(sender, args) {
        sender.set_collapsed(true);
    }
</script>
<telerik:RadDock runat="server" ID="RadDock1" OnClientInitialize="OnClientInitialize">
</telerik:RadDock>
Completed
Last Updated: 01 Sep 2016 14:25 by ADMIN
1 2