Fixing RadDock title when its width is specified in percent values and the browser is resized

PROBLEM:

There is a visual glitch with the RadDock's TitleBar when its width is specified in percent values and the browser window is resized.

SOLUTION:

The RadDock control is created to be used for a fixed layout. However in some scenarios the user wants to specify its width in percents. In this case when the browser window is resized there might be a visual glitch with the dock's TitleBar. The issue appears because the "em" element (title) is with fixed width and when the browser is resized to a smaller width, the dock's width will also decrease and this will move the dock's commands to a new row expanding the height of the title.

This behavior can be avoided by invoking the RadDock's repaint client-side method while the browser is resizing. The method should be called by all dock controls that have their width specified in percents. The source code is fully documented and you can easily understand how to call the repaint method for each dock on the page.