Theme-Logo
    • Notifications
    • Generic placeholder image
      John Doe

      Lorem ipsum dolor sit amet, consectetuer elit.

      30 minutes ago
    • Generic placeholder image
      Joseph William

      Lorem ipsum dolor sit amet, consectetuer elit.

      30 minutes ago
    • Generic placeholder image
      Sara Soudein

      Lorem ipsum dolor sit amet, consectetuer elit.

      30 minutes ago
  • User-Profile-Image John Doe
    • Settings
    • Profile
    • My Messages
    • Lock Screen
    • Logout
Generic placeholder image
Josephin Doe
Generic placeholder image
Lary Doe
Generic placeholder image
Alice
Generic placeholder image
Alia
Generic placeholder image
Suzen
Josephin Doe
Generic placeholder image

I'm just looking around. Will you tell me something about yourself?

8:20 a.m.

I'm just looking around. Will you tell me something about yourself?

8:20 a.m.

Generic placeholder image
Navigation
  • D Dashboard
    • Default
    • Ecommerce
    • Analytics NEW
  • P Page layouts NEW
    • Vertical
      • Static Layout
      • Header Fixed
      • Compact
      • Sidebar Fixed
    • Horizontal
      • Static Layout
      • Fixed layout
      • Static With Icon
      • Fixed With Icon
    • Bottom Menu
    • Box Layout
    • RTL
  • N Navigation
  • W Widget 100+
    • Statistic
    • Data
    • Chart Widget
UI Element
  • BC Basic
    • Alert
    • Breadcrumbs
    • Button
    • Box-Shadow
    • Accordion
    • Generic Class
    • Tabs
    • Color
    • Label Badge
    • Progress Bar
    • Pre-Loader
    • List
    • Tooltip And Popover
    • Typography
    • Other
  • AC Advance
    • Draggable
    • Grid Stack
    • Light Box
    • Modal
    • Notifications
    • PNOTIFY NEW
    • Rating
    • Range Slider
    • Slider
    • Syntax Highlighter
    • Tour
    • Tree View
    • Nestable
    • Toolbar
    • X-Editable
  • EC Extra
    • Session Timeout
    • Session Idle Timeout
    • Offline
  • A Animations
  • S Sticky Notes HOT
  • I Icons
    • Font Awesome
    • Themify
    • Simple Line Icon
    • Ion Icon
    • Material Design
    • Ico Fonts
    • Weather Icon
    • Typicons
    • Flags
Forms
  • FC Form
    • Components
    • Add-On
    • Advance
    • Validation
  • FP Form Picker NEW
  • FS Form Select
  • FM Form Masking
  • F Form Wizard
  • R Ready To Use HOT
    • Cloned Elements Form
    • Currency Form
    • Booking Form
    • Booking Multi Steps
    • Comment Form
    • Contact Form
    • Job Application Form
    • JS Addition Form
    • Login Form
    • Popup Modal Form
    • Registration Form
    • Review Form
    • Subscribe Form
    • Suggestion Form
    • Tabs Form
Tables
  • B Bootstrap Table
    • Basic Table
    • Sizing Table
    • Border Table
    • Styling Table
  • DT Data Table
    • Basic Initialization
    • Advance Initialization
    • Styling
    • API
    • Ajax
    • Server Side
    • Plug-In
    • Data Sources
  • D DT Extensions
    • AutoFill
    • Button
      • Basic Button
      • Data Export
    • Col Reorder
    • Fixed Columns
    • Fixed Header
    • Key Table
    • Responsive
    • Row Reorder
    • Scroller
    • Select Table
  • F FooTable
  • HT Handson Table
    • Appearance
    • Data Operation
    • Rows Columns
    • Columns Only
    • Cell Features
    • Cell Types
    • Integrations
    • Rows Only
    • Utilities
  • E Editable Table
Chart And Maps
  • C Charts
    • Google Chart
    • Echarts
    • ChartJs
    • List Chart
    • Float Chart
    • Knob chart
    • Morris Chart
    • Nvd3 Chart
    • Peity Chart
    • Radial Chart
    • Rickshaw Chart
    • Sparkline Chart
    • C3 Chart
  • M Maps
    • Google Maps
    • Vector Maps
    • Google Map Search API
    • Location
  • LP Landing Page
Pages
  • A Authentication
    • Login
      • Simple
      • Header & Footer
      • Social
      • Social With Header & Footer
    • Registration
      • Simple
      • Header & Footer
      • Social
      • Social With Header & Footer
    • Multi Step Registration
    • Forgot Password
    • Lock Screen
    • Modal
  • M Maintenance
    • Error
    • Comming Soon
    • Offline UI
  • UP User Profile
    • Timeline
    • Timeline Social
    • User Profile
    • User Card
  • E E-Commerce NEW
    • Product
    • Product List
    • Product Edit
    • Product Detail
    • Product Card
    • Credit Card Form
  • E Email
    • Compose Email
    • Inbox
    • Read Mail
    • Email Template
      • Welcome Email
      • Reset Password
      • Newsletter Email
      • App Launch
      • Activation Code
App
  • S Social
    • Wall
    • Messages
  • T Task
    • Task List
    • Task Board
    • Task Detail
    • Issue List
  • T To-Do
    • To-Do
    • Notes
  • G Gallery
    • Gallery-Grid
    • Masonry Gallery
    • Advance Gallery
  • S Search
    • Simple Search
    • Grouping Search
  • JS Job Search NEW
    • Card View
    • Job Detailed
    • Job Find
    • Job Panel View
Extension
  • E Editor
    • CK-Editor
    • WYSIWYG Editor
    • Ace Editor
    • Long Press Editor
  • I Invoice
    • Invoice
    • Invoice Summary
    • Invoice List
  • EC Event Calendar
    • Full Calendar
    • CLNDER NEW
  • IC Image Cropper
  • FU File Upload
  • CL Change Loges 1.0
Other
  • M Menu Levels
    • Menu Level 2.1
    • Menu Level 2.2
      • Menu Level 3.1
    • Menu Level 2.3
  • D Disabled Menu
  • S Sample Page
Support
  • D Documentation
  • SI Need Support ?
Basic Form Inputs

Lorem ipsum dolor sit amet, consectetur adipisicing elit

  • Form-Components
  • Form-Elements-Advance
Switches
Add class of .form-control with <input> tag

Single Switche

Multiple Switches

Enable Disable Switches

Color Switches

Switch Sizes

Radio
Add class of .form-control with <input> tag

Radio Fill Button

Radio Outline Button

Radio Button

Color Radio Button

Color Radio Material Button

Checkbox
Add class of .form-control with <input> tag

Border Checkbox

Fade-in Checkbox

Color Checkbox

Zoom Checkbox

Tags Input
Add class of .form-control with <input> tag

Markup

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

Colors

You can set a fixed css class for your tags, or determine dynamically by providing a custom function.

Max-Tags

Just add "tags_max" to your input field to automatically change it to a tags input field.

Max-Characters

Just add "tags_max_char" to your input field to automatically change it to a tags input field.

Multiple

Just add "tags_add_multiple" to your input field to automatically change it to a tags input field.

Max Length
Add class of .form-control with <input> tag

Default

The badge will show up by default when the remaining chars are 10 or less:

Threshold

Do you want the badge to show up when there are 20 chars or less? Use the threshold option:

Color Lables

Just add color-classwith input

Play With Positions

All you need to do is specify the placement option, with one of those strings. If none is specified, the positioning will be defauted to 'top-left'.

Also Working With Textarea

Bootstrap maxlength supports textarea as well as inputs. Even on old IE.