I am using tabs on a long form. However, I wish that users would only be able to access tab2 after filling out form under tab1 and only be able to access tab3 after filling out form under tab2, etc. However all the tabs are visible just not active.
Any assistance would be appreciated.
If you meant you use Multi-Page, you may try lockTabs: true, see the topic Server Events and Client Scripts → “Table-Specific → Add/Copy page” → Client Script → Example 1 in the help file.
Hi arbei, yes it is multi-page. While i understand how to lock the tabs, i want the locked tabs to be unlocked conditionally. For example, i have tab 1, tab 2 and tab 3. Under each of those tabs are form elements. When the page loads, tab 1 is active but tab 2 and tab 3 are locked.
The user clicks on Tab 1 and enters data in some form fields. Once those fields are filled, i want Tab 2 which was locked to now be unlocked. When the form under Tab 2 is filled, Tab 3 must now be unlocked. The user should not be able to go tonTab 2 before going to Tab 1.
How do i get that done?
morrellaberdeen wrote:
The user clicks on Tab 1 and enters data in some form fields. Once those fields are filled, i want Tab 2 which was locked to now be unlocked.
Problem is how you know those fields are filled, you’ll need to add a lot of code to check if the fields in a page are filled and then you unlock the next tab.