Online Demo

This is the fa.jquery’s demo page. fa.jquery use FormAlchemy and jQuery.ui

See fa.jquery.renderers and fa.jquery.forms for code example.

Info

info message display with Flash.render_inline()

Warning

warning message

Error

error message

Critical

critical message is sticky

Renderers

Autocomplete

Auto complete with an ajax request

Color picker

TinyMCE

Markdown editor using Markitup!. Textile and bbcode format are also supported

Radio Set

a
b
c
d
e
f

Checkbox Set

a
b
c
d
e
f

Selectable

a b c d e f

Selectables

a b c d e f

Sortable token

Save values as a string separate by a semi comma

• 1
• 2
• 3

Integer as slider

Date

Datetime

HH 0 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 : MM 0 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 : SS 0 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59

Plugin with resources

Forms

Tabs

 

• My first tab
• The second

title

title

description

Accordion

 

My first section

field 1

The second

field 2