Hi @Themeco Team,
I am currently working on a three-step form where I would like a “Next” button to appear based on conditional logic—for instance, only if all the 3 checkboxes are checked.
I notice that while certain INPUT elements do have conditional logic settings in their “primary options,” this is not the case for submit or “Next” buttons.
Maybe i missing something, but do you know if it’s actually possible to display a button based on input status criteria ?
Thank you
Florian
Hey Florian,
Thanks for writing in!
The Submit button should have a condition field.
You might be using a component. We would be happy to double check your site if we can log in. You can create a secure note in your next reply with the following info:
– Link to your site
– WP login URL
– WP username
– WP password
– WP Administrator Role
– Confirmation that we can access and make changes to your site
To know how to create a secure note, please check this out: How The Forum Works
Best Regards.
Hi @ruenel
I’d be glad to share the access, but to be honest the module I’m currently working on isn’t finished at all, or even presentable yet… I’m still experimenting.
Let’s say my current problem is understanding how to design a “step-by-step” form with CSForms.
Today I ran a test using the “slider inline” prefab, using the “next” and “prev” buttons as “continue” and “back” buttons. The problem is that they’re always displayed, since they’re slide controllers, but I need to know how to hide them. And at the end, only display a “submit” button to submit the form.
In my use case (a layout for subscriptions) , I’d also like to make the display of the “next” button conditional on completion of the required inputs, in order to move to the next screen…
I know you can replace the slider’s prefab navigation with inputs buttons by assigning them the custom attributes “data-x-slide-prev” and “data-x-slide-next” to scroll the slider — that works! But there’s still this question of conditional display (Back hides on the first slide, Next appears once all inputs are filled in/checked, etc., and Submit appears only at the end when everything is completed).
Hence my “feature request” regarding conditional display of inputs, somewhat like Gravity Forms.
I’m not sure if this is very clear, but thank you for your help.
Here is some screenshot to illustrate
Thanks,
Florian
Hi Florian,
Your request is valid, and I have logged it with our development team as a feature request: conditional display for submit and navigation buttons, evaluated against input completion state, for multi-step forms.
In the meantime, required-field validation will still prevent a form from being submitted while mandatory inputs are empty, although it will not hide the button. For step navigation, there is no equivalent workaround currently.
Best Regards.
Thank you for your reply, glad I could contribute to improving CSForms.
In the meantime, we’ll find a temporary workaround with JS… I assume that’s possible, but I’d prefer it ideally be handled within CS/CSForms itself, for better performance optimization and component maintainability.
The question of errors may also be a factor, if several screens are being scrolled through… but the ability to show the buttons once the criteria are met resolves this constraint by nature.
Have a good day
Florian
