Customize your App beyond the branding level with the Custom Style editor for Dashboards and Widgets
When it comes to deploying an IoT application to end-users, a big portion of the user perception and adoption of the solution is related to the look and feel of whatever they're using, if it's catchy and nice to the eye, this undoubtedly helps changing the perspective and makes the on-boarding easier.
For that reason, besides Ubidots' basic customization options at the App branding level, there's an advanced editor for dashboards and widgets providing additional options to change their aspect even further.
Custom Style is an editor available for all Dashboards and Widgets which allows to modify their style.
The editor expects a JSON containing, on the root level, keys that represent each component (Widget, Dashboard, ContextBar) and, inside such keys, the values for the properties to modify.
The following is an example of the default Custom Style JSON for a recently created dashboard:
Whenever there is the need to customize a Widget or Dashboard beyond the default style
- Dashboards (along with its ContextBar)
- All the Widgets in a dashboard, at once
- Widgets, individually
Custom Style is available on the Dashboard Appearance tab as shown below. Upon clicking on it, a text editor will be displayed, in which the user can place a valid JSON to create a custom style.
At the dashboard customization level, the JSON containing the desired Custom Style to apply on all widget can be placed inside the "widget" key.
This will override every Widget's individual Custom Style.
On the Widget's Appearance tab there is an option labeled Custom Style. Upon clicking on it, a text editor will be displayed, in which the user can place a valid JSON to create a custom style.
- The current Custom Style will only be applied to this widget
- Setting a Widget Custom Style after setting it globally at the Dashboard level, will override the global settings.