Document toolboxDocument toolbox

UI components

All user interface elements are described on these pages.

Generic vs specific UI elements

UI elements are categorized into two different types. Generic and specific elements.

Generic UI elements are UI elements which can be used in general and are typically used many places through the Microbizz system. An example can be boxes, tabs, popop menus etc. Generic elements typically doesn't read data from the system, but is configured using parameters. These should be implemented in the Microbizz\UI namespace.

Specific UI elements are UI elements meant for a specific situations, and these are typically only used in one place. These should reside along the main objects which are using them.

All resources used by an UI element, must be named after the class, so if a class is named Box, then an accompanying script class could be named box*.js 

Goal

  • Every output must be performed using an UI element.
  • UI elements should be responsive.
  • We must not "hack" our UI elements. If a UI element lacks functionality it must be properly implemented.
  • The elements should be very easy to use for the developers, so we would go an extra mile if it can make them easier to use.