Hi! I’m using the built-in tabs to structure 3 layers/pages of my form.
Problem is: if there’s a field “required” in tab 1, the form doesn’t recognise it anymore when the user wants to submit the form all the way at the end in tab 3, e.g. it doesn’t show the warning “this field must be filled in”.
Any idea how to fix it??
Hi, Create an object variable with predefined structure, for example, and store entered data in it. This way you can monitor the variable and check if all required inputs are fiiled.
That makes things much more complex. I have like 30 fields, and I use the “required” tab dynamically based on more complex logic. So then I have to bring all of that into 1 new variable and then I have 2 places to maintain if I want to change something. That’s not ideal.
The issue with tabs is that they’re conditionally rendered, so the content ceases to exist once you switch a tab, it’s deleted - unrendered from your page and then re-added. You can either make your own tabs, which just use the display property to hide the fields, this way they’re just hidden, not unloaded, this way the form recognizes them, or use the above mentioned method.