jQuery SmartWizard v6 Demos
Interactive demos of jQuery SmartWizard
jQuery SmartWizard Settings
Appearance
Anchor Settings
Toolbar Settings
Controls
Other Settings
Basic Example
A simple wizard with 4 steps demonstrating the basic functionality of SmartWizard
Customer Details
Please enter your customer information below:
Products Details
Select the products you wish to order:
Shipping Details
Enter your shipping address:
✅ Confirm Order
Please review your order details before confirming:
Order Summary
Customer: Review your details in step 1
Products: Review your selection in step 2
Shipping: Review your address in step 3
Ready to complete your order?
Click the "Finish" button below to place your order.
Form Validation Example
This demo shows how to integrate form validation with SmartWizard. Try clicking "Next" without filling the required fields
Account Information
Profile Information
🎉 Registration Complete!
Your account has been created successfully.
✓ Account created successfully!
Ajax Content Example
This demo simulates loading content dynamically via Ajax. Content is loaded when you navigate to each step
Loading content...
Loading content...
Loading content...
RTL (Right-to-Left Language) Example
This demo shows SmartWizard with RTL support for languages like Arabic, Hebrew, etc
معلومات شخصية
الرجاء إدخال معلوماتك الشخصية أدناه:
العنوان
أدخل عنوانك:
✅ اكتمل!
تم إكمال النموذج بنجاح.
✓ تم بنجاح!