Wizard

Wizards help you to make a sequel of interaction more user-friendly and also visually appealing for the users.

Basic example

This example shows you how to simple initialize the wizard.

การจัดการหนี้สิน & สภาพคล่อง
Step 1 of 4

CHECKLIST

YES/NO

มีบัตรเครดิตที่วงเงินเต็มหรือผ่อนจ่ายขั้นต่ำ เพราะจ่ายเต็มจำนวนไม่ไหว

CHECKLIST

YES/NO

เคยยืมเงินคนรอบตัวเนื่องจากเงินไม่พอใช้ และอาจมีแนวโน้มเกิดขึ้นซ้ำ

CHECKLIST

YES/NO

หลายครั้งเคยหงุดหงิดกังวลใจ มีปัญหากับคนรอบตัวเพราะเรื่องเงิน
การวางแผนการเงินล่วงหน้า
Step 2 of 4

CHECKLIST

YES/NO

ไม่เคยวางแผน/คิด ค่าใช้จ่ายในอนาคต ทำให้มีรายจ่ายฉุกเฉินบ่อยๆ

CHECKLIST

YES/NO

มีรายได้ช่องทางเดียวและไม่มองหาช่องทางเพิ่ม หากหยุดทำงานรายได้ก็จะหายไป

CHECKLIST

YES/NO

ไม่เคยคิดจริงๆจังๆ เรื่องการเกษียณเลย จะเกษียณเมื่อไหร่ ต้องใช้เงินเท่าไหร่?
การสะสมความมั่งคั่ง
Step 3 of 4

CHECKLIST

YES/NO

เก็บออมเงินสม่ำเสมอ ยังไม่ถึง 10% ของเงินที่หาได้ในแต่ละเดือน

CHECKLIST

YES/NO

ลงทุนในสินทรัพย์ทางการเงินโดยไม่มีความรู้ / ไม่เคยทบทวนการลงทุน

CHECKLIST

YES/NO

ตลาดหุ้นมีไว้เกร็งกำไรระยะสั้น ไม่เข้าใจการลงทุนระยะยาวเพื่อกระจายความเสี่ยง
การจัดการความเสี่ยง
Step 4 of 4

CHECKLIST

YES/NO

มีเงินสำรองฉุกเฉินที่สามารถอยู่ได้ไม่เกิน 3 เดือนหากไม่ได้ทำงานหรือทำงานไม่ได้

CHECKLIST

YES/NO

กังวลว่าจะไม่มีเงินจ่ายหากเจ็บป่วยฉุกเฉิน เกิดโรคร้ายแรงหรือประสบอุบัติเหตุ

CHECKLIST

YES/NO

กังวลว่าครอบครัวอาจมีปัญหาทางการเงิน หากฉันไม่อยู่บนโลกนี้ / ปราศจากฉัน

Simple Ajax example

This example shows you how to load the wizard step by using ajax calls.

Welcome to Step 1

This is the first step, not loaded from an ajax call, just to demonstrate how you can combine ajax and non-ajax calls.

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

Advanced Ajax Form Example

In this example you can customize the form submission via ajax, additionally you can run form validations on every step change.

Demo note: No request is saved or processed. All ajax call are just delayed by 2 secs to simulate a server process.