Materialart Admin Template

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

See full documentation here on offical website.

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 :

Interview Date :

Location :

Remark

Behaviour :

Confidance

Comments

Step wizard Vertical

Personal Info

First Name : *

Last Name : *

Email Address : *

Phone Number :

Select City : *

Date of Birth :

Job Status

Company Name : *

Company URL : *

Short 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

Username *

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

Username *

Password *

Confirm Password * (*) Mandatory

Profile

Profile Information

First name *

Last name *

Email *

Address * (*) Mandatory

Age * (*) Mandatory

Warning

You are to young

Please go away ;-)

Finish

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.

Launch Admin

Event today

Settings

Lily Jordan

Chris Evans

Ray Hudson

Lb James

Don Andres

Form Wizard

Basic Example

Keyboard

Effects

Pager

Custom Design Example

Personal Info

Job Status

Interview

Remark

Step wizard with validation

You can us the validation like what we did

Step 1

Step 2

Step 3

Step 4

Step wizard

See full documentation here on offical website.

Personal Info

Job Status

Interview

Remark

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

Chris Evans

Ray Hudson

Lb James

Don Andres

Chris Evans

Ray Hudson

Lb James

Don Andres

Chris Evans

Ray Hudson

Lb James

Don Andres