Problem with Resizing passed minimum size....

[Kevin]

Having another issue with the RadSplitter, in that if you had a minimum size, or the header is smaller than a certain size... then when trying to reduce it past this size.. we get a transparent splitter.. as you can see in the following video (from the telerik demo) (this was tested in IE7, 8 and 9.. the video shows IE9)

http://www.youtube.com/watch?v=8pUvnGGpTOA

[Niko]

Hello Kevin,

You can easily work around this issue by setting MinWidth to the SlidingPane. If the splitter in your application resembled the one in the our demos, then a value of 120 will do just fine.

Hope this helps.

Kind regards,
Niko
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.

[Kevin]

Niko,

Unfortunatley this work around will not work for us, as the problem seems to be caused not by the minWidth but rather if the window tries to get reduced below how long the title bar is... and our Titles are generated based on users input (upto 100 characters) so at the moment we cant really just set a minimum width, is there anything else to fix the problem?

[Niko]

Hello Kevin,

There is a workaround, however it is not fully tested and there may be side effects. Still in the usual case it works just fine.

Attach to the OnClientResized event of the sliding pane and have the following event handler:

function repairTransparentBackground(pane, args)
{
    pane.getContentContainer().style.width = pane.getContentContainer().parentNode.offsetWidth + "px";
}

The idea is to set the width of the pane's content the same as that of the parent, which defines where the splitbar is.

Hope this helps.

Kind regards,
Niko
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.