First of all, I would suggest moving the RadDockLayout outside the RadSlidingPane if there are RadDocks that are not positioned in the RadSplitter. The purpose of the dock layout is to persist the state of all docks on the page so it is recommended to have only one that wraps all docks.
I am not quite sure what do you mean by moving the dock to the RadDockLayout. All docks should be inside the RadDockLayout if their state needs to be saved as mentioned above. Perhaps you are moving the dock from the RadDockZone in the splitter to a floating state.
Nevertheless, you can use the client-side events OnClientDragStart
in order to change the size of the dragged dock according to its position. The width and height of the dock can be changed via its client-side API
). The function get_dockZoneID
can be used to determine the current position of the dock. The RadSlidingPane also has a client-side object
that will help you retrieve its size (functions get_width
) in order to set it to the dock when it is in the sliding pane.
You can use the approach in this Code Library article
in order to resize the RadChart according to the the size of the dock.
All the best,
the Telerik team
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed