Controls for HTML Widgets are now provided to make creating HTML Widgets easier and to provide functionality required to implement customisable forms in finPOWER Connect Cloud.
This will be regularly updated to show new features and functionality and may not match screenshots shown in this article.
Versions of finPOWER Connect prior to 3.00.06 required the use of vanilla HTML controls or external libraries.
Since we are implementing many finPOWER Connect Cloud forms (such as Client Contact Methods) as HTML Widgets, we had the requirement to make available to HTML Widgets the controls used by built-in finPOWER Connect Cloud forms such as the Client Log form.
This allows all forms to look consistent and for controls to interact with finPOWER Connect Cloud, e.g.:
Some of the more basic Widget controls include:
- A Check Box (including “Radio Button” styling)
- A dropdown list into which the user can also type a value
- Date entry including a dropdown calendar
- Number entry including currency (monetary) values
- Single and multi-line text entry
The Grid control is useful for reports and displaying tables of information.
It allows sortable columns, grouping and also limited editing, e.g., displaying check boxes.
The ButtonList control is useful for displaying a list of icons, e.g., to allow the User to select a Contact Method:
Limited Intellisense in provided for creating Widget controls and pressing Alt+F1 displays Widget help, including help for Widget controls.