[Solved] Problem with splitter in non selected tab

[Djordje]

I have problem with splitters when they are placed in tab which is not selected initially.
Please see enclosed solution.

[Dimo]

Hello Djordje,

The Splitter is a component, which adjusts its layout on the client. However, Javascript size calculations do not work inside containers that are hidden with a display:none style, such as inactive tabs. That's why you need to use the TabStrip's Select client event to manually force the Splitter to readjust:

http://www.telerik.com/help/aspnet-mvc/telerik-ui-components-tabstrip-client-api-and-events.html#ClientEvents

$("#Splitter").trigger("resize");

Note that the trigger method is executed upon the outermost Splitter's DOM element, not its client object.

You may need to wrap the above Javascript statement in a setTimeout.

Best wishes,
Dimo
the Telerik team