Form Widgets & Tools input spinner, switches, input masks and more

Twitter Auto Complete(typeahead.js)

E.g: metronic, keenthemes.
Learn more: http://twitter.github.io/typeahead.js/

E.g: USA, Malaysia. Prefetch from JSON source

Uses a precompiled template to customize look of suggestion.

Two datasets that are prefetched, stored, and searched on the client. Highlighting is enabled.

View in Modal
Form Tools

Enter the words above Enter the numbers you hear

Note: Please visit http://www.google.com/recaptcha to learn more about the Google reCaptcha

Check
Type a username(E.g: user1, user2) and check its availability.
Type a username(E.g: user1, user2) and check its availability on focus lost
Type a password to check its strength
Bootstrap Input MaxLength
Maxlength is 25 chars. The badge will show up by default when the remaining chars are 10 or less.
Maxlength is 25 chars. Do you want the badge to show up when there are 20 chars or less? Use the threshold option: threshold: 20
This is a complete example where all the options configured for the bootstrap-maxlength counter are setted. Please note: if the alwaysShow option is enabled, the threshold
Bootstrap maxlength supports textarea as well as inputs. Even on old IE.
The field counter can be positioned at the top, bottom, left or right. You can also place the maxlength indicator on the corners: bottom-right, top-right, top-left, bottom-left and centered-right. All you need to do is specify the placement option, with one of those strings.
Spinners
basic example
disabled state
with max value: 10
with step: 5
Bootstrap Switch
View in Modal
Bootstrap TouchSpin
basic example
example with decimal steps
IP Address Input
192.168.120.150
3ffe:1900:4545:3:200:f8ff:fe21:67cf
Input Masks
y/m/d
change the placeholder
multi-char placeholder
(999) 999-9999
99-9999999
mask "9" or mask "99" or ... mask "9999999999"
123456 => € ___.__1.234,56
123456 => € ___.__1.234,56(left aligned)
999-99-9999. remove the empty mask on blur or when not empty removes the optional trailing part
Tags Input
Advanced File Input
 
Select file Change Remove
Select file Change  
Select image Change Remove
NOTE! Image preview only works in IE10+, FF3.6+, Safari6.0+, Chrome6.0+ and Opera11.1+. In older browsers the filename is shown instead.
Select image Change Remove
NOTE! Image preview only works in IE10+, FF3.6+, Safari6.0+, Chrome6.0+ and Opera11.1+. In older browsers the filename is shown instead.
CKEditor Editor

Staff

  • 8
    ...

    Bob Nilson

    Project Manager
  • ...

    Nick Larson

    Art Director
  • 3
    ...

    Deon Hubert

    CTO
  • ...

    Ella Wong

    CEO

Customers

  • 2
    ...

    Lara Kunis

    CEO, Loop Inc
    Last seen 03:10 AM
  • new
    ...

    Ernie Kyllonen

    Project Manager,
    SmartBizz PTL
  • ...

    Lisa Stone

    CTO, Keort Inc
    Last seen 13:10 PM
  • 7
    ...

    Deon Portalatin

    CFO, H&D LTD
  • ...

    Irina Savikova

    CEO, Tizda Motors Inc
  • 4
    ...

    Maria Gomez

    Manager, Infomatic Inc
    Last seen 03:10 AM
Back
Bob Nilson 20:15 When could you send me the report ?
Ella Wong 20:15 Its almost done. I will be sending it shortly
Bob Nilson 20:15 Alright. Thanks! :)
Ella Wong 20:16 You are most welcome. Sorry for the delay.
Bob Nilson 20:17 No probs. Just take your time :)
Ella Wong 20:40 Alright. I just emailed it to you.
Bob Nilson 20:17 Great! Thanks. Will check it right away.
Ella Wong 20:40 Please let me know if you have any comment.
Bob Nilson 20:17 Sure. I will check and buzz you if anything needs to be corrected.

General

System

General Settings

  • Enable Notifications
  • Allow Tracking
  • Log Errors
  • Auto Sumbit Issues
  • Enable SMS Alerts

System Settings

  • Security Level
  • Failed Email Attempts
  • Secondary SMTP Port
  • Notify On System Error
  • Notify On SMTP Error
2014 © Metronic by keenthemes. Purchase Metronic!