UI Widget Generator

Generates a view based the raw date "Qewd Data" and an applied "Schema" within PulseTile. The schema defines the presentation for both the read only edit view within the application.

1. Select Module

Populates to Data API and Schema with example data.

2. Qewd to PulseTile Data
3. PulseTile UI Schema
4. Build View
Preview

{{module.title}}

{{schema.author}} {{schema.dateCreated}}

Some additional HTML to display between dynamic fields

{{schema.noteType}} {{schema.source}}

{{module.title}}

{{schema.name}} {{schema.orderDate}}

Some additional HTML to display between dynamic fields

{{schema.source}}

{{module.title}}

{{schema.name}} {{schema.type}} {{schema.typeMultiple}} {{schema.description}} {{schema.dateCreated}} {{schema.dateTime}} {{schema.source}}

{{module.title}}

{{schema.testName}} {{schema.sampleTaken}} {{schema.dateCreated}} {{schema.source}}

{{module.title}}

{{schema.name}} {{schema.date}} {{schema.time}} {{schema.source}}

{{module.title}}

{{schema.vaccinationName}} {{schema.dateCreated}} {{schema.source}}

{{module.title}}

{{schema.referralFrom}} {{schema.referralTo}} {{schema.dateOfReferral}} {{schema.source}}

{{module.title}}

{{schema.dateOfMeeting}} {{schema.dateOfRequest}} {{schema.serviceTeam}} {{schema.source}}
Instructions

The following field types have been configured, each with their own set of properties. Use these within the Schema JSON object.

textBox

label:
The label displayed for the field
value:
The value provided by qewd
name:
The form name for the field. This MUST match a key from the qewd JSON object.

textArea

label:
The label displayed for the field
value:
The value provided by qewd
name:
The form name for the field (edit mode only)

calendarBox

label:
The label displayed for the field
value:
The value provided by qewd
name:
The form name for the field (edit mode only)

readOnly

label:
The label displayed for the field
value:
The value provided by qewd
name:
The form name for the field (edit mode only)

selectBox

Displays a drop down select box. Chosen Js can be applied as an option.

label:
The label displayed for the field
value:
The value provided by qewd
name:
The form name for the field (edit mode only)
options:
A key-value pair array of options to appears within the drop down. Key = the option value; Value displays the option label.
chosen:
Defines whrther the drop down should use chosen.js to display the form element.