Form X-editable form x-editable samples


This library allows you to create editable elements on your page. It can be used with any engine (bootstrap, jquery-ui, jquery only) and includes both popup and inline modes. Please try out demo to see how it works.

For more info please check out the official documentation

Editable Form
Username superuser Simple text field
First name Required text field, originally empty
Sex Select, loaded from js array. Custom display
Group Admin Select, loaded from server. No buttons mode
Status Active Error when loading list items
Plan vacation? 25.02.2013 Datepicker
Date of birth Date field (combodate)
Setup event Datetime field (combodate)
Meeting start 15/03/2013 12:45 Bootstrap datetime
Comments awesome
Textarea. Buttons below. Submit by ctrl+enter
Type State Bootstrap 2.x typeahead
Fresh fruits Checklist
Tags html, javascript Select2 (tags mode)
Country Select2 (dropdown mode)
Address Your custom input, several fields


WYSIWYG means What You See Is What You Get.
But may also refer to:
  • WYSIWYG (album), a 2000 album by Chumbawamba
  • "Whatcha See is Whatcha Get", a 1971 song by The Dramatics
  • WYSIWYG Film Festival, an annual Christian film festival
Wysihtml5 (bootstrap only).
Toggle by another element

Console (all ajax requests here are emulated)


  • 8

    Bob Nilson

    Project Manager
  • ...

    Nick Larson

    Art Director
  • 3

    Deon Hubert

  • ...

    Ella Wong



  • 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
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 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