Show one field at a time on CRED form?

This support ticket is created 4 years ago. There's a good chance that you are reading advice that it now obsolete.

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

Sun	Mon	Tue	Wed	Thu	Fri	Sat
-	9:00 – 13:00	9:00 – 13:00	9:00 – 13:00	9:00 – 13:00	9:00 – 13:00	-
-	14:00 – 18:00	14:00 – 18:00	14:00 – 18:00	14:00 – 18:00	14:00 – 18:00	-

Supporter timezone: Asia/Hong_Kong (GMT+08:00)

This topic contains 1 reply, has 2 voices.

Last updated by Luo Yang 4 years ago.

Assisted by: Luo Yang.

Author

Posts

April 5, 2021 at 2:57 am #2010149

himanshuS

Instead of showing all the form fields at once, I was wondering if there is a way to show fields to the user one by one and automatically "slide" to the next field when the user inputs the current field. Can I do this with cred forms?

I especially want to do this for the radio button where I want to "associate" every choice with an image and let the user click on that image to select the option.

Why? It is a better user experience than going through all the info at once.

April 5, 2021 at 3:51 am #2010155

Luo Yang

Hello,

Q1) show fields to the user one by one and automatically "slide" to the next field when the user inputs the current field
There isn't such kind of built-in feature within Toolset Forms plugin, it needs custom codes, I have searched it in google, and find some related threads, for example:
https://stackoverflow.com/questions/2455225/how-do-i-move-focus-to-next-input-with-jquery
For your reference.

Q2) Same as above, there isn't such kind of built-in feature, you might consider custom CSS codes, for example:
https://stackoverflow.com/questions/17541614/use-images-instead-of-radio-buttons