Modernize Bootstrap Admin ASP.NET Core MVC-Form Wizard

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.

Chat Application

Invoice App

Contact Application

Email App

User Profile

Calendar App

Contact List Table

Notes Application

Roman Joined the Team!

New message

Bianca sent payment

Jolly completed tasks

John received payment

Roman Joined the Team!

Mathew Anderson

My Profile

My Inbox

My Task

Unlimited Access

Chat Application

Invoice App

Contact Application

Email App

User Profile

Calendar App

Contact List Table

Notes Application

Roman Joined the Team!

New message

Bianca sent payment

Jolly completed tasks

John received payment

Roman Joined the Team!

Mathew Anderson

My Profile

My Inbox

My Task

Unlimited Access

Form Wizard

Basic Example

Keyboard

Effects

Pager

Custom Design Example

Personal Info

Job Status

Interview

Remark

Step wizard with validation

Step 1

Step 2

Step 3

Step 4

Step wizard Vertical

Personal Info

Job Status

Interview

Remark

Basic Form Example

Account

Profile

Hints

Finish

Advanced Form Example

Account

Account Information

Profile

Warning

Finish

Dynamic Manipulation Example

Add Step

Insert Step

Remove Step

Vertical Steps Example

Keyboard

Effects

Pager

Settings

Theme

Theme Direction