it is. you can use javascript to make your own “visibility-logic”.
e.g.
jQuery('.pods-form-ui-row-name-you-want-to-hide-here').hide();
jQuery(document.body).on('change', '.pods-form-ui-field-name-which-should-trigger', function() {
if (jQuery(this).val() == 'your-val') {
jQuery('.pods-form-ui-row-name-you-want-to-hide-here').show()
} else {
jQuery('.pods-form-ui-row-name-you-want-to-hide-here').hide().val('')
};
});
Thanks for reply.
I tried the code and it “works” but not the way i was expecting.
So i have 3 forms pods-form-ui-pods-field-test, pods-form-ui-pods-field-test2, pods-form-ui-pods-field-testip3.
On intial page load the pods-form-ui-pods-field-test is the only form visibile. if its not empty the pods-form-ui-pods-field-test2 is visible. if its not empty pods-form-ui-pods-field-test3 is visbile.
And in reverse:
When pods-form-ui-pods-field-test3 is empty it will be hidded but the other 2 will show, when pods-form-ui-pods-field-test2 is empty. only pods-form-ui-pods-field-test1 will be visbile.
You can modify the above function according to your needs in terms of showing/hiding fields. Just add extra selectors! 🙂
Thanks but i cant get it to work, i have 3 fields and whatever i do i get the wrong combination. any help would be highly appreciated.
where to add this js code?
