Skip to content

Home

Jump to bottom
Simon Tharby edited this page Nov 15, 2020 · 8 revisions

ui

Modular UI elements, made with JS + CSS + Webpack. Lightweight and easy to use.

Create UI layouts by specifying UI elements, row by row, within a div.

View the example webpage.

Each row (an element or, in some cases, a row of elements) is created using a specific function. See this wiki's pages and uiLayout.js for example usage of these UI-element-creating functions.

Parameter values are set in the uiParams map, and 'action arguments' are passed to the uiActions.action(id) function. Variable names and ids are based on the string provided as the name of each element (where applicable).

Note that where an element has an argument called name you should use _ for spaces, since this string will be used for the element id and the related variable or action name. The name will also be used for the element text (where applicable), and will be displayed with a space in place of each _.

Tested on Chrome, Firefox and Safari.

Desktop version only - not mobile friendly.

N.B. Number input fields look funky on Linux version of FireFox = use Chromium.

Clone this wiki locally