diff --git a/production/form.html b/production/form.html index 52d74e9f..b359b295 100755 --- a/production/form.html +++ b/production/form.html @@ -2,41 +2,41 @@ - - - - - + + + + + - Gentellela Alela! | + Gentellela Alela! | - + - + - - + + - - - - - - - - - - - + + + + + + + + + + + - + - - - + @@ -46,1551 +46,1562 @@ -
+
-
+
-
-
+
+
-
- Gentellela Alela! -
-
+
+ Gentellela Alela! +
+
- -
-
- ... -
-
- Welcome, -

John Doe

-
-
- + +
+
+ ... +
+
+ Welcome, +

John Doe

+
+
+ -
+
- - - -
+
+ -
-
+
- - -
+ +
+
+ +
+ +
+ + + +
+
+ +
+
+

Form Elements

+
+
+
+
+ + -
-
-
-
-
-
-
-
-
-

Form Design different form elements

- -
-
-
-
-
- -
- -
- -
-
-
- -
- -
-
-
- -
- -
-
-
- -
-
- - -
-
-
-
- -
- -
-
-
-
-
- - -
-
- -
-
-
-
-
- - - - -
-
-
-
-

Form Design different form elements

- -
-
-
-
-
- -
- - -
- -
- - -
- -
- - -
- -
- - -
- -
- -
- -
-
-
- -
- -
-
-
- -
- -
-
-
- -
- -
-
-
-
-
- - -
-
- -
-
-
- -
-
-

Star Rating

- -
-
-
- -

Star RatingsHover and click on a star

-
-
- You gave a rating of 0 star(s) -
- - -

Also you can give a default rating by adding attribute data-rating

-
- You gave a rating of 4 star(s) - - -
-
- - -
-
-

Registration Form Click to validate

- -
-
-
- - -
- - - - - - - -

- M: - F: - -

- - -

- Skiing -
- - Running -
- - Eating -
- - Sleeping -
-

- - - - - - - -
- validate form - -

- - -
-
- - -
- -
-
-
-

Form Basic Elements different form elements

- -
-
-
-
-
- -
- -
- -
-
-
- -
- -
-
-
- -
- -
-
-
- -
- -
-
-
- -
- -
-
-
- -
- -
-
-
-
- -
- -
-
-
- -
- -
-
-
- -
- -
-
-
- -
- -
-
- -
- -
- -
-
-
-
- - -
-
- -
-
- -
-
- -
-
- -
-
-
- -
- - -
-
- -
-
- -
-
- -
-
- -
-
- -
-
- -
-
- -
-
- -
-
-
-
- -
-
- -
-
- -
-
- -
-
- -
-
-
- - -
-
-
- - -
-
- -
-
-
-
- - -
-
-
-

Form Buttons Sessions

- -
-
-
- -
- -
- - -
-
- - - - -
-
- - - - -
-
-
-
- -
- - -
-
- -
- - -
- -
-
- - - - -
-
-
-
- -
-
-
-
- - - -
-
-
-

Text areasSessions

- -
-
-
- - -
-
-
- -
    -
-
-
-   - -
-
- - - - -
-
- - - - -
-
- - - - -
-
- -
- - -
- - -
- -
- - -
-
- - -
-
- -
- -
- -
- -
- -
- -
- -
-
- -
-
-
- - -
-
-

Form Input Grid form input

- -
-
-
- -
- -
- -
- -
- -
- -
- -
- - -
- -
- -
- -
- -
- -
- - -
- -
- -
- -
- -
- -
- -
- -
- - -
- -
- -
- -
- -
- -
- -
- -
- -
- -
- -
- -
- - -
- -
- -
- -
- -
- -
- -
- -
- -
- -
- -
- -
- -
- -
- -
- -
- -
- -
- -
- -
- -
- -
- -
- -
-
- -
-
- - -
-
-

Form Design different form elements

- -
-
-
-
- -

Horizontal labels

-

- Using the grid system you can control the position of the labels. The form example below has the col-md-10 which sets the width to 10/12 and center-margin which centers it. -

-
-
- -
- -
-
-
- -
- -
-
-
- - -

Vertical labels

-

- For making labels vertical you have two options, either use the apropiate grid .col- class or wrap the form in the form-vertical class. -

-
-
-
- - -
-
- - -
- -
-
- -

Inline Form

-

- For making labels vertical you have two options, either use the apropiate grid .col- class or wrap the form in the form-vertical class. -

-
-
- - -
-
- - -
-
- -
- -
- -
-
- +
+
+
+
+
+
+
+
+

Form Design different form elements

+ +
+
+
+
+
- -
-
-

Gentelella Alela! a Bootstrap 3 template by Kimlabs. | - Gentelella Alela! -

+
+ +
+ +
-
-
- +
+ +
+ +
+
+
+ +
+ +
+
+
+ +
+
+ + +
+
+
+
+ +
+ +
+
+
+
+
+ + +
+
+ +
+
+
+
+
+ + + + +
+
+
+
+

Form Design different form elements

+ +
+
+
+
+
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ +
+ +
+
+
+ +
+ +
+
+
+ +
+ +
+
+
+ +
+ +
+
+
+
+
+ + +
+
+ +
+
+
+ +
+
+

Star Rating

+ +
+
+
+ +

Star RatingsHover and click on a star

+
+
+ You gave a rating of 0 star(s) +
+ + +

Also you can give a default rating by adding attribute data-rating

+
+ You gave a rating of 4 star(s) + + +
+
+ + +
+
+

Registration Form Click to validate

+ +
+
+
+ + +
+ + + + + + + +

+ M: + F: + +

+ + +

+ Skiing +
+ + Running +
+ + Eating +
+ + Sleeping +
+

+ + + + + + + +
+ validate form + +

+ + +
+
+
+
+
+
+

Form Basic Elements different form elements

+ +
+
+
+
+
+ +
+ +
+ +
+
+
+ +
+ +
+
+
+ +
+ +
+
+
+ +
+ +
+
+
+ +
+ +
+
+
+ +
+ +
+
+
+
+ +
+ +
+
+
+ +
+ +
+
+
+ +
+ +
+
+
+ +
+ +
+
+ +
+ +
+ +
+
+
+
+ + +
+
+ +
+
+ +
+
+ +
+
+ +
+
+
+ +
+ + +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+
+ + +
+
+
+ + +
+
+ +
+
+
+
+ + +
+
+
+

Form Buttons Sessions

+ +
+
+
+ +
+ +
+ + +
+
+ + + + +
+
+ + + + +
+
+
+
+ +
+ + +
+
+ +
+ + +
+ +
+
+ + + + +
+
+
+
+ +
+
+
+
+ + + +
+
+
+

Text areasSessions

+ +
+
+
+ + +
+
+
+ +
    +
+
+
+   + +
+
+ + + + +
+
+ + + + +
+
+ + + + +
+
+ +
+ + +
+ + +
+ +
+ + +
+
+ + +
+
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+
+ +
+
+
+ + +
+
+

Form Input Grid form input

+ +
+
+
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ + +
+ +
+ +
+ +
+ +
+ +
+ + +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ + +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ + +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+
+ +
+
+ + +
+
+

Form Design different form elements

+ +
+
+
+
+ +

Horizontal labels

+

+ Using the grid system you can control the position of the labels. The form example below has the col-md-10 which sets the width to 10/12 and center-margin which centers it. +

+
+
+ +
+ +
+
+
+ +
+ +
+
+
+ + +

Vertical labels

+

+ For making labels vertical you have two options, either use the apropiate grid .col- class or wrap the form in the form-vertical class. +

+
+
+
+ + +
+
+ + +
+ +
+
+ +

Inline Form

+

+ For making labels vertical you have two options, either use the apropiate grid .col- class or wrap the form in the form-vertical class. +

+
+
+ + +
+
+ + +
+
+ +
+ +
+ +
+
+ + + +
+
+

Gentelella Alela! a Bootstrap 3 template by Kimlabs. | + Gentelella Alela! +

+
+
+
+ + +
+
+
-
- -
-
-
+
+ +
+
+
- + - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + - - - - - + + + - - - + + + - - - + + + - + function showErrorAlert(reason, detail) { + var msg = ''; + if (reason === 'unsupported-file-type') { + msg = "Unsupported format " + detail; + } else { + console.log("error uploading file", reason, detail); + } + $('
' + + 'File upload error ' + msg + '
').prependTo('#alerts'); + }; + initToolbarBootstrapBindings(); + $('#editor').wysiwyg({ + fileUploadError: showErrorAlert + }); + window.prettyPrint && prettyPrint(); + }); + + - \ No newline at end of file +