{% include "html/assets/include/nunjucks/partials/blocks/headers/header-main.njk" %} {% include "html/assets/include/nunjucks/partials/blocks/sidebars/sidebar-shortcode-nav.njk" %} {% include "html/assets/include/nunjucks/partials/blocks/page-title/shortcode-page-title/shortcode-page-title-base.njk" %}

Horizontal Forms

Unify's form controls extend on Bootstrap forms with classes. In all examples, .form-control-md class is used to change Bootstrap's default form size. Also, all form styles can be extended with Unify's global classes.

General Forms

Text input

We'll never share your email with anyone else.

Input with autocomplete

Note: works in Chrome, Firefox, Opera and above IE11.

Appended icon(s)

Right appended icon

Left appended icon

Both appended icons

Appended icon(s) with border

Right appended icon

Left appended icon

Both appended icons

{% set contentTarget = "#shortcode1" %} {% set modalID = "#modalMarkup" %} {% include "html/assets/include/nunjucks/partials/blocks/show-code.njk" %}

Textareas

Textarea

Note: height of the textarea depends on the rows attribute.

Textarea resizable

Textarea expandable

Note: expands on focus.

Appended icon(s)

Right appended icon

Left prepended icon

Both prepended icon

Appended icon(s) with border

Right appended icon

Left prepended icon

Both prepended icon

{% set contentTarget = "#shortcode2" %} {% set modalID = "#modalMarkup" %} {% include "html/assets/include/nunjucks/partials/blocks/show-code.njk" %}

{% include "html/assets/include/nunjucks/partials/blocks/cta/cta-main.njk" %} {% include "html/assets/include/nunjucks/partials/blocks/footers/footer-main.njk" %} {% include "html/assets/include/nunjucks/partials/blocks/footers/copyright-footer-main.njk" %} {% include "html/assets/include/nunjucks/partials/blocks/go-to-top/go-to-top-1.njk" %}