[Solved] Splitters under Tabs do not work with Firefox

[Chunsheng]

Hi All

Could you please help to solve an issue with using Telerik Splitter. In my test project (please see the attached zip file), the Index page contains 3 Tabs; each tab has a Splitter that seperate 2 panes (named as "tab 1 left" and "tab 1 right" or "tab 2 left" and "tab 2 right" or "tab 3 left" and "tab 3 right"). This project displays well with the Internet Exprorer. However, in Firefox, only the Splitter in the first Tab works well; Splitters in Tab 2 and Tab 3 do not work. Anyone could help with how to solve this issue?

Thanks very much in advance.

Chunsheng

[Dimo]

Hello Chunsheng,

Please use the TabStrip's OnSelect event to manually trigger layout adjustment for the second and third splitter. You also need to use setTimeout().

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

Kind regards,
Dimo
the Telerik team

[Chunsheng]

Hi Dimo

Thanks very much for your reply. I have followed your suggestion and updated the project. But it still does not work. I have attached the updated project in this reply. Could have a look and tell me what is wrong. Could ryou ectify it in the project and attach the it in the reply?

Thanks very much for your help.

Best regards,

Chunsheng

[Dimo]

Hi Chunsheng,

As I said in my previous message, you must wrap the resize statements in a setTimeout.

Also, you need to execute manual resize for each Splitter only once, not on every tab select.

Greetings,
Dimo
the Telerik team