Highlight tab if there is a validation error inside it

Forms
1

Hi, I was wondering if there is a default way of highlighting a tab (or accordion section header too) if there is a validation error on a field within it.

For example, if the user tries to submit while Tab1 is selected there is no indication that the error is on Tab2. The only indicator in this case would be the error banner at the top of the form which may be quite out of way depending on the size of the form.

image

2

Hello @brduncan,

I'm sorry for the delayed reply!

There is no default functionality for that. We have plans to open the tab that has an invalid field automatically, but there is no release date yet. If you need this functionality straight away, we can offer paid support for switching the priority of the task. If you are interested, please email us at support@plumsail.com.

As a workaround, you can add a form validator that opens the tab with the invalid field:

fd.validators.push({
    name: 'MyCustomValidator',
    error: "Fill out the field",
    validate: function(value) {
        if (!fd.field('Title').value) {
            fd.container('Tab1').setTab(1);
            return false;
        }            
        return true;
    }
});