Section Tab Plugin

Introduction

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

Plugin Information

Plugins Available in the Bundle:

• Section Tab Plugin

This plugin bundle is compatible with Joget DX 8 and onwards.

Get started

Where to get the plugin

You can download this plugin from the Joget Marketplace.

How to install

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

How to use it

1. In Form Builder, add some sections and fields, and add a Section Tab element to your form. Configure the properties based on Configure Section Tabs properties.
   
2. Click Generate App. Select Generate CRUD, and proceed by clicking Generate. Publish and run the UI.
   
3. You can see the sections being categorised into section tabs. 
   
4. For reference, see the attached demo app provided on this page.

Configure Section Tabs properties

Fields to configure:

• ID: Configure the Field ID
• Section Ids (Separated by comma): Configure all the section IDs separated by commas.
• Load All Tabs: If checked, all tabs will be loaded on page load.

Expected Outcome

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 tab-type display.

Download plugin

Download the plugin from the Joget Marketplace.

Download Sample App