The Section Tab is a Form Element plugin that changes the display of a form's sections, originally from top to bottom, to a horizontal tabs type display.

Joget form section visibility control is maintained to show or hide the tabs (section).

Click the images on the right for sample screenshots.

You can also download the demonstration app to show the usage of a Section Tabs form field element plugin.

The latest plugin filename is section-tabs-7.0.15.jar.

This plugin source code is available in a new open source repository at https://github.com/jogetoss/.
JogetOSS is a community-led team for open source software related to the Joget no-code/low-code application platform. Projects under JogetOSS are community-driven and community-supported, and you are welcome to contribute to the projects.

Notes

• This plugin was designed for Joget v6 & DX Enterprise & Professional Edition.
• The Section Tab/Wizard form element must be the last or bottom-most element in your form.

What's New

• 4-Apr-2019: Plugin updated to fix UI issues.
• 13-May-2019: Plugin updated to fix UI issues on the tab title.
• 23-Sep-2019: Plugin updated to fix the first tab as Display field as Label when read-only bug issue.
• 01-Jun-2020: Plugin updated for compatibility with Joget DX.
• 25-Jun-2020: Plugin updated with a fix for NPE in Joget DX.
• 08-Jul-2020: Plugin updated with a fix for mandatory fields in Joget DX.
• 14-Jul-2020: Plugin updated with new option to load all tabs if the developer wants to run Javascript in unopened tabs.
• 18-Jun-2021: Plugin updated to fix responsive layout.
• 27-Sep-2021: Plugin updated to fix wrong cursor type when hovering on tabs.
• 16-Dec-2021: Plugin updated to cater for Joget DX v7.0.25 new security fixes.
• 04-Jan-2022: Plugin updated to fix bug in Form Multi-Page tabs.
• 14-Feb-2022: Plugin updated with fix for section with visibility condition.
• 29-Nov-2022: Plugin updated with fix for select box dropdown visibility.
• 15-Dec-2022: Plugin updated with fix for multiple section tabs in one form.
• 19-Mac-2024: Plugin updated with various UI fixes.
• 02-Apr-2024: Plugin updated with various UI fixes.

Steps To Import This Plugin

1. Click "Download" on this plugin screen (It will be a .jar file).
2. Go to your Joget localhost or server, in Joget Console navigate to "Admin Bar>Systems Settings>Manage Plugins" and click "Upload Plugins" button.
3. In "Upload Plugin", select the plugin .jar file you just downloaded, then click "Upload".
4. Depending on the plugin type, you can now view your new plugin in your form or datalist or userview.
5. Remember to always uninstall the old plugin before uploading a new version.
6. The Joget Knowledge Base has more information on managing and developing plugins.