X-Editable

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.

Simple text field	superuser
Empty text field, required
Select, local array, custom display
Select, remote array, no buttons	Admin
Select, error while loading	Active
Combodate (date)
Combodate (datetime)
Textarea, buttons below. Submit by ctrl+enter	awesome user!
Twitter typeahead.js
Checklist
Custom input, several fields

Report
Settings

3 Family

Stephen Tran

Availabe

Brittany Meyer

I think so

Jack George

Last Seen 2 hours ago

Donald Brown

Lorem ipsum dolor sit amet.

Betty Murphy

Idle

Samantha Reid

Offline

Offline Friends

Joey K. Greyson Andrea Branden Johny Juan Susan Sun

News

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh. Lorem ipsum dolor sit amet.

Last Update : Des 12, 2014

Billing & reports

Get $5.00 off your next bill by making sure your full payment reaches us before August 5, 2018.

Amount Due On

August 17, 2018

$83.09

Additional Actions

Service Information Usage Profile New Payment Options Message Center

Questions?

(415) 234-53454

We are here 24/7

Account Settings
Show my personal status
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Show offline contact
Aenean commodo ligula eget dolor. Aenean massa.
Invisible mode
Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Public Settings
Online status
Show offline contact
Show my device icon

Task Progress

Upgrade Progress

15% Completed

Database

17/23 Database

Database Repair

Upgrade Progress

HDD is full

Write a news article

Comment Sorting

New User Registered

Lucy sent you a message

Jackson sent you a message

X-Editable

X-Editable