Extenstions

Additional styles and elements based on Bootstrap

Edit Form

Create Attribute  new attribute

View and manage the configuration attributes of the application here.

Object save failed.
Property cannot be null

It can be defined only in create mode and can contain only alphanumeric characters, hyphens (-) and underscores (_).

It can be defined only in create mode and can contain only alphanumeric characters, hyphens (-) and underscores (_).

email@example.com

Search Form

Search Result Table

Attribute ID Description Type
19010107_01 Brand string(0 : 2,000)
19010107_02 Color string(0 : 1,000)
19010107_03 Height string(0 : 2,000)
446 item(s) found

Approval Chain

Step 1

Step 2

Step 3

Collapse

Messages

bs-callout-info

bs-callout bs-callout-info

bs-callout-danger

bs-callout bs-callout-danger

bs-callout-warning

bs-callout bs-callout-warning

Modified components

Dropdown menu with fixed height

Labels

Additional modifiers for bootstrap labels content. It can be used with other label variations from bootstrap.

Multiline labels

very long text

label label-default label-multiline label label-default label-multiline

with line-break in inside

label label-default
label-multiline

with very long word

labelLabelDefaultLabelMultilineLongTextlabelLabelDefaultLabelMultilineLongText label-multiline

Label in one line with shortening text

label label-default label-multiline label label-default label-multiline

Contextual colors

Convey meaning through color with a handful of emphasis utility classes. These may also be applied to links and will darken on hover just like our default link styles.

Donec ullamcorper nulla non metus auctor fringilla.

                
                  <p class=
                  "text-primary-bg"
                  >...</p>
                
              

Dealing with specificity

Sometimes emphasis classes cannot be applied due to the specificity of another selector. In most cases, a sufficient workaround is to wrap your text in a <span> with the class.

  • German
  • English
Add 'jquery-ui-container' class to parent element for correct displaying jquery-ui components and styles