Hi All
On my website I use a top section div with fixed width and height on various pages that contain different sets of controls for different pages. I used the RadDock control so that the RadCombobox controls can be visible or invisible depending on the page it appears on. There will never be more than 8 controls on any page.
I attached a jpeg that explains how I want it to happen in practice. I have played around with vertical and horizontal orientation but it is almost like I need a combination of both horizontal and vertical as I would like the docked items to move in a zig zag pattern (see jpeg). I can use horizontal orientation but it causes gaps (i.e. sometimes 2 half controls appear next to each other leaving 2 gaps under the halves instead of slotting in underneath)
Anyone got some advice on how to solve this?
Much appreciated
Marisa
On my website I use a top section div with fixed width and height on various pages that contain different sets of controls for different pages. I used the RadDock control so that the RadCombobox controls can be visible or invisible depending on the page it appears on. There will never be more than 8 controls on any page.
I attached a jpeg that explains how I want it to happen in practice. I have played around with vertical and horizontal orientation but it is almost like I need a combination of both horizontal and vertical as I would like the docked items to move in a zig zag pattern (see jpeg). I can use horizontal orientation but it causes gaps (i.e. sometimes 2 half controls appear next to each other leaving 2 gaps under the halves instead of slotting in underneath)
Anyone got some advice on how to solve this?
Much appreciated
Marisa
1 Answer, 1 is accepted
0
Hi Anthony,
As you have already found out, there are two options for positioning the RadDock controls in a RadDockZone - horizontal and vertical. The layout that you want to achieve requires putting every RadDock column in a wrapper with left float. Nevertheless, the RadDockZone supports only dock controls in its content so using wrappers for the groups of RadDocks will break their functionality.
A possible approach for achieving your scenario is to use a separate RadDockZone for every column of RadDocks and to implement the desired logic for moving the dock controls via their client-side API. I have attached a sample page that demonstrates such solution. If it meets your requirements, you can use it or you can incorporate your logic instead. Note that this is a customization of the default behavior of RadDock and may cause problems in some scenarios, as it is not fully tested.
All the best,
Slav
the Telerik team
As you have already found out, there are two options for positioning the RadDock controls in a RadDockZone - horizontal and vertical. The layout that you want to achieve requires putting every RadDock column in a wrapper with left float. Nevertheless, the RadDockZone supports only dock controls in its content so using wrappers for the groups of RadDocks will break their functionality.
A possible approach for achieving your scenario is to use a separate RadDockZone for every column of RadDocks and to implement the desired logic for moving the dock controls via their client-side API. I have attached a sample page that demonstrates such solution. If it meets your requirements, you can use it or you can incorporate your logic instead. Note that this is a customization of the default behavior of RadDock and may cause problems in some scenarios, as it is not fully tested.
All the best,
Slav
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 now.