...
Once the dashboard is fetched, the user will see their list of widgets, and have the options to create a new Widget, and to reorder the dashboard. The list of widgets will display in order from left to right, then top to bottom, with some css to keep the number of columns relevant to the width of the user's screen. For a small screen this will be a single column, up to 4 columns for a screen wider than 1920 pixels (1080p display). The order can be tweaked through an edit order screen, with a drag and drop list of widgets.
| Note |
|---|
|
Widget component structure
...
We'll demonstrate this with a diagram of SimpleSearch.
The above heirarchy for SimpleSearch specifically becomes:
...
| Note |
|---|
| WidgetFooter is a standard component offered by ui-dashboard, so there can be consistency between Instances of differing WidgetTypes. However not all types will require a footer (see style guidelines), and also the footer will contain a timestamp of the fetch, so it belongs in the type-specific component, in this case SimpleSearch. |
...