Create Multi-Step Forms with Jet Admin: A Step-by-Step Guide

Опубликовано: 15 Декабрь 2024
на канале: Jet Admin

1,398

UPDATE: After releasing a new version, the tabs are not numeric, but contain unique alfa-numerical id. Please account for that when you create multi-step forms.

In this comprehensive guide, we'll take you on a journey through the entire process of crafting a robust multi-step form, guiding you every step of the way.

Unlock the potential of Jet Admin's powerful no-code builder to create custom multi-step forms that perfectly align with your requirements.

Let’s delve into a ready-made Clinic Schedule template, offering a firsthand look at its features and functionality. Get ready to elevate your form-building experience!

What to Create Next?

Create Firebase Admin Panel – • Firebase Admin Panel in 3 minutes
Build Custom Interactive Tool – • Interactive Internal Tool in under 3 ...

🚀 Start with This Template: https://www.jetadmin.io/templates/cli...
📚 Get Started for Free: https://app.jetadmin.io/register
🚀 Explore Jet Admin’s Academy: https://docs.jetadmin.io
📅 Feel free to schedule a meeting: https://meetings.hubspot.com/michael1141

Download CSV examples used in this video:
https://drive.google.com/file/d/1mpnu...
https://drive.google.com/file/d/1Xu5j...

Chapters

0:00 Intro and end-result multi-step example
0:31 Data for this form
0:52 Creation from scratch
1:27 Creating 3 containers for our steps
1:48 Creating a form inside the container
3:29 Add headings for the 1st and the 2nd steps
4:00 Adding "Back" and "Next" buttons
4:20 Filling 1st step with Doctors Gallery
5:21 Add Filter and Search
6:49 Filling 2nd step with a Calendar
7:56 Adding a Date & Time picker
9:00 Add current Steps Progress Bar
9:28 Touching-up buttons style and names
9:54 Creating and hooking up the Variable
10:50 Set Up Visibility According To Variable
11:52 Reviewing The Result
12:19 Finishing touches