You can achieve this via the client-side API
of RadDock. The methods set_top
are used for dynamically changing the position of a floating dock control. In addition to this, you can use the method getBounds
from the Telerik static client library
to get the size and the coordinates of the HTML element according to which the dock control will be repositioned on page resize.
The following model will help you create your script:
dock = $find(
element = $get(
elementBounds = $telerik.getBounds(element);
dock.set_top(elementBounds.y + 20);
dock.set_left(elementBounds.x + 30);
Note that the coordinates of the RadDock and the HTML element, used in the example, depend on your setup and the effect that you want to achieve.
I hope this helps. Feel free to contact us again if you run into more difficulties.
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