Forms Advanced

Admin Extension

Warning! This page is part of the admin extension and is NOT included on Porto - Multipurpose Website Template, to get all features, get both templates: Porto + Porto Admin

View Porto Admin!

Select Replacement

Multi-select

Tag Autocomplete

Just add data-role="tagsinput" to your input field to automatically change it to a tags input field.

Use a <select multiple /> as your input element for a tags input, to gain true multivalue support. Instead of a comma separated string, the values will be set in an array. Existing <option /> elements will automatically be set as tags. This makes it also possible to create tags containing a comma.

Toggle Switches

Slider Range

The current value is: 50

The min is: 25 and the max is: 75

Spinners

with max value set to 10

with step set to 5

Masked Inputs

Input masks allows a user to more easily enter fixed width input where you would like them to enter the data in a certain format (dates,phones, etc).

Date Picker

to

Time Pickers

Color Pickers

MaxLength Control

max-length set to 20.

max-length set to 140.

File Upload Drag'n Drop

WYSIWYG Editors

Start typing...

Markdown Editor