# Styling

Note: Dashboard styling is under development

### <span class="mw-headline" id="bkmrk-dashboard-styling-1">Dashboard styling</span>

For CSS flex ordering dashboard elements you can add one of these classes to the dashboard

- tsDashboardLayoutRow
- tsDashboardLayoutColumn

### <span class="mw-headline" id="bkmrk-widget-styling-1">Widget styling</span>

The following classes can freely be combined on widgets OR on dashboards

Note that adding the class on a dashboard will affect all included widgets

#### Common styles

Hide the widget if it is empty

```css
#THISWIDGET#.tsWidgetEmpty { display: none; }
```