Advanced elements

All form elements we created for you which you can use for your successful web projects!

General form elements used in basic forms

All the elements are just default bootstrap markup in execption of the selection box which is a Angular ui-select directive.

General elements
Help.
{{$select.selected.name}}
Datepickers

The datepickers come from the AngularStrap module and we placed some default html input date elements to compare functionality.

Date pickers

Angular ui-select and typeahead variations

Angular ui-select is a AngularJS-native version of Select2 and Selectize.

Typeahead is a lightweight select replacement

Select
{{$select.selected.name}}
{{$item}} {{color}}

File upload

Lightweight AngularJS directive to upload files.

File upload
Upload with button
Select or Drop Images here
File Drag/Drop is not supported for this browser
  • {{f.progress}}%
     {{f.name}} - size: {{f.size}}B - type: {{f.type}} details

    {{f.result}}
    • file name: {{item.name}}
      name: {{item.fieldName}}
      size on the serve: {{item.size}}
      value: {{item.value}}
    request headers: {{f.result.requestHeaders}}
Text editor

textAngular is a super cool WYSIWYG Text Editor directive for AngularJS.

textAngular editor
Sliders

noUiSlider is a range slider without bloat. It offers a ton off features, and it is as small, lightweight and minimal as possible, which is great for mobile use on the many supported devices, including iPhone, iPad, Android devices & Windows (Phone) 8 desktops, tablets and all-in-ones. It works on desktops too, of course!

Sliders
Value from slider: 6 / 25