Bootstrap TabPanel set to Split Horizontal

Questions
1

I am converting a form done with Servoy Default Components to the new Bootstrap Components. One element on the form is a TabPanel with the property tabOrientation set to SPLIT HORIZONTAL.
In the Bootstrap TabPanel, I can’t find this setting (not as property nor as a method of the TabPanel). Not having the split panel, I couldn’t find the equivalent for the following code:

elements.tabMain.setLeftForm(forms[selectionForm], null);
elements.tabMain.setRightForm(forms[detailForm], null);

Any hint how to set up a Bootstrap TabPanel with Split Horizontal?

Thanks for hints and regards,

2

Hi,

If you are looking for split panel with SPLIT HORIZONTAL functionality, you can use ‘Split Pane’ Webcomponent provided under ‘Form Containers’. It has properties to set the panes and set the split type.

You can also set forms as follows:
elements.splitpane_1.setLeftForm(form,relation);
elements.splitpane_1.setRightForm(form,relation);

Attached is the screenshot for same.

Regards

SplitPanel.PNG
SplitPanel.PNG863×638 30.9 KB

3

Thanks, that’s exactly what I am looking for.

Yous screenshot shows it’s an Servoy Extra Component. Unfortunately, I don’t have it available. My screenshots shows what I see.
I am using the Servoy Developer version 2020.03.1. May be that’s the problem. What version are you using?

Regards, Robert

servoyextra.png
servoyextra.png186×413 16 KB

4

Yes, the screenshot I shared above is from Servoy 2020.12. But I have checked this in Servoy 2020.3 and found that same Split Pane is found in Servoy Default.

Regards

Servoy2020.3_ToolPanel.png
Servoy2020.3_ToolPanel.png254×190 3.11 KB

5

Thanks for your hint. I am using the Servoy Default Split Pane but I am looking for the Web Component. So I have to wait for a new Servoy Developer version.

Best regards,