Bootstrap TabPanel set to Split Horizontal

Forum to discuss the new web client version of Servoy.

Bootstrap TabPanel set to Split Horizontal

Postby huber » Fri Apr 09, 2021 9:41 am

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:

Code: Select all
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,
Robert Huber
7r AG, Switzerland
SAN Developer
http://www.seven-r.ch
User avatar
huber
 
Posts: 516
Joined: Mon May 14, 2012 11:31 pm

Re: Bootstrap TabPanel set to Split Horizontal

Postby dev-ws-011 » Wed Apr 21, 2021 12:21 pm

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
You do not have the required permissions to view the files attached to this post.
Servoy Developer
dev-ws-011
 
Posts: 73
Joined: Fri Oct 21, 2016 8:23 am

Re: Bootstrap TabPanel set to Split Horizontal

Postby huber » Wed Apr 21, 2021 2:39 pm

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
You do not have the required permissions to view the files attached to this post.
Robert Huber
7r AG, Switzerland
SAN Developer
http://www.seven-r.ch
User avatar
huber
 
Posts: 516
Joined: Mon May 14, 2012 11:31 pm

Re: Bootstrap TabPanel set to Split Horizontal

Postby dev-ws-011 » Thu Apr 22, 2021 2:51 pm

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
You do not have the required permissions to view the files attached to this post.
Servoy Developer
dev-ws-011
 
Posts: 73
Joined: Fri Oct 21, 2016 8:23 am

Re: Bootstrap TabPanel set to Split Horizontal

Postby huber » Thu Apr 22, 2021 4:44 pm

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,
Robert Huber
7r AG, Switzerland
SAN Developer
http://www.seven-r.ch
User avatar
huber
 
Posts: 516
Joined: Mon May 14, 2012 11:31 pm


Return to Servoy NGClient

Who is online

Users browsing this forum: No registered users and 7 guests