Basic Example

Keyboard

Try the keyboard navigation by clicking arrow left or right!

Effects

Wonderful transition effects.

Pager

The next and previous buttons help you to navigate through your content.

Custom Design Example

Personal Info

First Name :

Last Name :

Email Address :

Phone Number :

Select City :

Date of Birth :

Job Status

Job Title :

Company Name :

Job Description :

Interview

Interview For :

Interview Type :

Location :

Interview Date :

Requirements :

Employee

Contract

Remark

Behaviour :

Confidance

Result

Comments

Rate Interviwer :

1 star

2 star

3 star

4 star

5 star

Step wizard with validation

You can us the validation like what we did

Step 1

First Name : *

Last Name : *

Email Address : *

Phone Number :

Select City : *

Date of Birth :

Step 2

Company Name :

Company URL :

Short Description :

Step 3

Interview For :

Interview Type :

Location :

Interview Date :

Requirements :

Employee

Contract

Step 4

Behaviour :

Confidance

Result

Comments

Rate Interviwer :

1 star

2 star

3 star

4 star

5 star

Step wizard Vertical

Personal Info

First Name :

Last Name :

Email Address :

Phone Number :

Select City :

Date of Birth :

Job Status

Job Title :

Company Name :

Job Description :

Interview

Interview For :

Interview Type :

Location :

Interview Date :

Requirements :

Employee

Contract

Remark

Behaviour :

Confidance

Result

Comments

Rate Interviwer :

1 star

2 star

3 star

4 star

5 star

Basic Form Example

Account

User name * Password * Confirm Password *

(*) Mandatory

Profile

First name * Last name * Email * Address

(*) Mandatory

Hints

Foo
Bar
Foobar

Finish

I agree with the Terms and Conditions.

Advanced Form Example

Account

Account Information

User name * Password * Confirm Password *

(*) Mandatory

Profile

Profile Information

First name * Last name * Email * Address Age (The warning step will show up if age is less than 18) *

(*) Mandatory

Warning

You are to young

Please go away ;-)

Finish

Terms and Conditions

I agree with the Terms and Conditions.

Dynamic Manipulation Example

Add Step

HTML Title *

HTML Content *

Add

(*) Mandatory

Insert Step

Position (zero-based) *

HTML Title *

HTML Content *

Insert

(*) Mandatory

Remove Step

Position (zero-based) *

Remove

(*) Mandatory

Vertical Steps Example

Keyboard

Try the keyboard navigation by clicking arrow left or right!

Effects

Wonderful transition effects.

Pager

The next and previous buttons help you to navigate through your content.