Form widgets

Startin’blox provides a list of default widgets to use in a form:

solid-form-label-text

Inserts an <input/> HTML tag of type “text”, in a <label> HTML tag.

solid-form-checkbox

Inserts an <input/> HTML tag of type “checkbox”, in a <label> HTML tag.

solid-form-date

Inserts an <input/> HTML tag of type “date”, in a <label> HTML tag.

solid-form-range-date

solid-form-json

Inserts an <input/> HTML tag of type “text”, in a <label> HTML tag, and with its value converted from JSON to string

solid-form-placeholder-text

Inserts an <input/> HTML tag of type “text”, with the label as placeholder.

solid-form-textarea

Inserts an <textarea> HTML tag in a <label> HTML tag.

solid-form-dropdown

Inserts a <select> HTML tag to select a unique value from a list. The list is provided via the range-xyz, which expects a container’s URL. xyz is the name of the field using the solid-form-dropdown widget.

solid-form-placeholder-dropdown

Inserts a <select> HTML tag to select a unique value from a list. It has no label but a default disabled value as a label

solid-form-auto-completion

Inserts a <input /> HTML tag and load an autocomplete plugin. The list is provided via the range-xyz, which expects a container’s URL. xyz is the name of the field using the solid-form-auto-completion widget.

solid-form-number

Inserts an <input/> HTML tag of type “number”, in a <label> HTML tag.

solid-form-range-number

solid-form-file

Inserts an <input/> and an <input type="file"/>. When a file is selected it’s uploaded, URL of file is returned by request and set as the <input/> value. The upload URL is provided via the upload-url attribute.

solid-form-hidden

Inserts an <input/> HTML tag of type “hidden”, in a <label> HTML tag.