Hello guys,

I have a dockzone with a fixed height in which i have three docks. I want the two of the docks having a their heights to be as low as possible (like normal, where the height depends on how much you fill into the dock), but letting the last dock height depending on these two first docks, and letting the last dock fillout the rest of the dockzone.

E.g. if the dockzone having a height at 400px, and both dock1 and dock2 having a height at 100px, dock3 should have a height at 200px. If the content of dock1 changes (using ajax) and the height of the dock become only 50px, the height of dock3 automatically should become 250px.

Any ideas?

Hi Kenneth,

Unfortunately this functionality is not supported by the RadDock control and there no easy, out of the box, solution.

The RadDock and the RadDockZone are rendered as a <div> HTML elements on the page. Basically we have <div> (RadDock) within a <div> (RadDockZone). If you can make the <div>s behave as you have described there would not be a problem making the dock's behave the same way.

I think that, you might be able to do it using JavaScript, but you need to know when any of the docks are resized so that you can recalculate the height of the bottom-most (the third in your case) dock. 


Best wishes,
Pero
the Telerik team

Hi Pero,

Ok. Then I will try to solve this later on. Thanks for your response...

Best regards,
Kenneth