Testing site
Main menu
Home
Platform Core
- Introduction
- Features
- Structure
- Classes
- Admin Tools
- - Dashboard
- - General Settings
- - Database
- - Plugins
- - Cache
- - Backup
- - Files
- - Activity
- Examples
- Basic Modules
- - Websites
- - Templates
- - Pages
- - Navigation
- - Widgets
- - Fields
- - Users
- - Groups
- - Modules
- - System Emails
Modules
Plugins & Libraries
- Javascript & jQuery
- - Ace Editor
- - Highcharts
- - Moment JS
- CSS
- PHP
Material Design
- Basics
- Layout
- - Layout Basics
- - Grid
- - Layout Utilities
- Typography
- - Headings
- - Body Text
- - Text Utilities
- Icons
- - Icons Basics
- - Material Icons
- - Font Awesome
- - Iconic
- - Octicons
- - Entypo
- - Bytesize
- - Ionicons
- - Feather Icons
- - Dripicons
- - Ikons
- - Glyph
- CSS
- - Background
- - Gradients
- - Borders & Shadows
- - Overlay
- - Interactions
- Media
- Components
- - Alerts
- - Badges
- - Bubbles
- - Buttons
- - Calendar
- - Cards
- - Carousel
- - Collapse
- - Confirm
- - Crop
- - Data Table
- - Date Picker
- - Dual Listbox
- - Editable
- - Emojis
- - Form
- - Lightbox
- - Media Recorder
- - Modal
- - Navigation
- - Parallax
- - Scroll To
- - Select List
- - Share
- - Slider
- - Sticky
- - Swipe cards
- - Toast
- - Validate
- Animations
- Utilities
How to
Resources
- Tools
- - Cubic Bezier Tester
- - Hex to RGB
- Web Links
Editable
An easy way to edit data without reloading pages.
Basic line
HTML
Input Text
Unstyled
Text Input Sample:
Text Input Empty Sample:
Text Input No value Sample:
Bootstrap
Text Input Sample:
Text Input Empty Sample:
Text Input No value Sample:
Bootstrap Material Design
Text Input Sample:
Text Input Empty Sample:
Text Input No value Sample:
Submitted data
<div id="graph1"></div>
Basic line
HTML
Textarea
Unstyled
Textarea Sample:
Textarea Empty Sample:
Textarea No value Sample:
Bootstrap
Textarea Sample:
Textarea Empty Sample:
Textarea No value Sample:
Bootstrap Material Design
Textarea Sample:
Textarea Empty Sample:
Textarea No value Sample:
Submitted data
<div id="graph1"></div>
Basic line
HTML
Input Password
Unstyled
Password Sample:
Password Empty Sample:
Password No value Sample:
Bootstrap
Password Sample:
Password Empty Sample:
Password No value Sample:
Bootstrap Material Design
Password Sample:
Password Empty Sample:
Password No value Sample:
Submitted data
<div id="graph1"></div>
Basic line
HTML
Input Email
Unstyled
Email Sample:
Email Empty Sample:
Email No value Sample:
Bootstrap
Email Sample:
Email Empty Sample:
Email No value Sample:
Bootstrap Material Design
Email Sample:
Email Empty Sample:
Email No value Sample:
Submitted data
<div id="graph1"></div>
Basic line
HTML
Input URL
Unstyled
URL Sample:
URL Empty Sample:
URL No value Sample:
Bootstrap
URL Sample:
URL Empty Sample:
URL No value Sample:
Bootstrap Material Design
URL Sample:
URL Empty Sample:
URL No value Sample:
Submitted data
<div id="graph1"></div>
Basic line
HTML
Input Number
Unstyled
Number Sample:
Number Empty Sample:
Number No value Sample:
Bootstrap
Number Sample:
Number Empty Sample:
Number No value Sample:
Bootstrap Material Design
Number Sample:
Number Empty Sample:
Number No value Sample:
Submitted data
<div id="graph1"></div>
Basic line
HTML
Input Range
Unstyled
Range Sample with source:
Range Sample with no source:
Range Sample non existing value:
Range with String values:
Range Empty Sample:
Range No value Sample:
Bootstrap
Range Sample with source:
Range Sample with no source:
Range Sample non existing value:
Range with String values:
Range Empty Sample:
Range No value Sample:
Bootstrap Material Design
Range Sample with source:
Range Sample with no source:
Range Sample non existing value:
Range with String values:
Range Empty Sample:
Range No value Sample:
Submitted data
<div id="graph1"></div>
Basic line
HTML
Input Dual Range
Unstyled
Dual Range with source:
Dual Range with no source:
Dual Range non existing values:
Dual Range Empty Sample:
Dual Range No value Sample:
Bootstrap
Dual Range with source:
Dual Range with no source:
Dual Range non existing values:
Dual Range Empty Sample:
Dual Range No value Sample:
Bootstrap Material Design
Dual Range with source:
Dual Range with no source:
Dual Range non existing values:
Dual Range Empty Sample:
Dual Range No value Sample:
Submitted data
<div id="graph1"></div>
Basic line
HTML
Input Color
Unstyled
Color Sample:
Color Empty Sample:
Color No value Sample:
Bootstrap
Color Sample:
Color Empty Sample:
Color No value Sample:
Bootstrap Material Design
Color Sample:
Color Empty Sample:
Color No value Sample:
Submitted data
<div id="graph1"></div>
Basic line
HTML
Input Date
Unstyled
Date Sample:
Date Empty Sample:
Date No value Sample:
Bootstrap
Date Sample:
Date Empty Sample:
Date No value Sample:
Bootstrap Material Design
Date Sample:
Date Empty Sample:
Date No value Sample:
Submitted data
<div id="graph1"></div>
Basic line
HTML
Input DateTime
Unstyled
DateTime Sample:
DateTime Empty Sample:
DateTime No value Sample:
Bootstrap
DateTime Sample:
DateTime Empty Sample:
DateTime No value Sample:
Bootstrap Material Design
DateTime Sample:
DateTime Empty Sample:
DateTime No value Sample:
Submitted data
<div id="graph1"></div>
Basic line
HTML
Input Month
Unstyled
Month Sample:
Month Empty Sample:
Month No value Sample:
Bootstrap
Month Sample:
Month Empty Sample:
Month No value Sample:
Bootstrap Material Design
Month Sample:
Month Empty Sample:
Month No value Sample:
Submitted data
<div id="graph1"></div>
Basic line
HTML
Input Week
Unstyled
Week Sample:
Week Empty Sample:
Week No value Sample:
Bootstrap
Week Sample:
Week Empty Sample:
Week No value Sample:
Bootstrap Material Design
Week Sample:
Week Empty Sample:
Week No value Sample:
Submitted data
<div id="graph1"></div>
Basic line
HTML
Input Time
Unstyled
Time Sample:
Time Empty Sample:
Time No value Sample:
Bootstrap
Time Sample:
Time Empty Sample:
Time No value Sample:
Bootstrap Material Design
Time Sample:
Time Empty Sample:
Time No value Sample:
Submitted data
<div id="graph1"></div>
Basic line
HTML
Input Radio
Unstyled
Radio With Source:
Radio Without Source:
Radio With Remote Source:
Radio non existing value:
Radio with string value:
Radio Empty Sample:
Radio No value Sample:
Bootstrap
Radio With Source:
Radio Without Source:
Radio With Remote Source:
Radio non existing value:
Radio with string value:
Radio Empty Sample:
Radio No value Sample:
Bootstrap Material Design
Radio With Source:
Radio Without Source:
Radio With Remote Source:
Radio non existing value:
Radio with string value:
Radio Empty Sample:
Radio No value Sample:
Submitted data
<div id="graph1"></div>
Basic line
HTML
Input Checkbox
Unstyled
Checkbox With Source:
Checkbox Without Source:
Checkbox With Remote Source:
Checkbox non existing value:
Checkbox with string value:
Checkbox Empty Sample:
Checkbox No value Sample:
Bootstrap
Checkbox With Source:
Checkbox Without Source:
Checkbox With Remote Source:
Checkbox non existing value:
Checkbox with string value:
Checkbox Empty Sample:
Checkbox No value Sample:
Bootstrap Material Design
Checkbox With Source:
Checkbox Without Source:
Checkbox With Remote Source:
Checkbox non existing value:
Checkbox with string value:
Checkbox Empty Sample:
Checkbox No value Sample:
Bootstrap Material Design - Alternative
Checkbox With Source:
Checkbox Without Source:
Checkbox With Remote Source:
Checkbox non existing value:
Checkbox with string value:
Checkbox Empty Sample:
Checkbox No value Sample:
Submitted data
<div id="graph1"></div>
Basic line
HTML
Select
Unstyled
Select With Source:
Select Without Source:
Select With Remote Source:
Select non existing value:
Select with string value:
Select Empty Sample:
Select No value Sample:
Select with Optgroups:
Bootstrap
Select With Source:
Select Without Source:
Select With Remote Source:
Select non existing value:
Select with string value:
Select Empty Sample:
Select No value Sample:
Select with Optgroups:
Bootstrap Material Design
Select With Source:
Select Without Source:
Select With Remote Source:
Select non existing value:
Select with string value:
Select Empty Sample:
Select No value Sample:
Select with Optgroups:
Submitted data
<div id="graph1"></div>
Basic line
HTML
Multi Select
Unstyled
Multi Select With Source:
Multi Select Without Source:
Multi Select With Remote Source:
Multi Select non existing value:
Multi Select with string value:
Multi Select Empty Sample:
Multi Select No value Sample:
Multi Select with Optgroups:
Bootstrap
Multi Select With Source:
Multi Select Without Source:
Multi Select With Remote Source:
Multi Select non existing value:
Multi Select with string value:
Multi Select Empty Sample:
Multi Select No value Sample:
Multi Select with Optgroups:
Bootstrap Material Design
Multi Select With Source:
Multi Select Without Source:
Multi Select With Remote Source:
Multi Select non existing value:
Multi Select with string value:
Multi Select Empty Sample:
Multi Select No value Sample:
Multi Select with Optgroups:
Bootstrap Material Design alternative
Multi Select With Source:
Multi Select Without Source:
Multi Select With Remote Source:
Multi Select non existing value:
Multi Select with string value:
Multi Select Empty Sample:
Multi Select No value Sample:
Multi Select with Optgroups:
Submitted data
<div id="graph1"></div>