Page History
This page consists of all that needs to be done to migrate from MVC to the Material Theme
| Table of Contents |
|---|
Presentation styles
TODO removed presentation styles
Below you see a list of all the legacy presentation styles and their new counterparts. The old legacy presentation styles will become deprecated in Blueriq 12.0
| Legacy Presentation Style | New Presentation Style | Description | Section |
|---|---|---|---|
| Button |
| Is used whenever something is displayed as a link and it must be disaplyed as button instead. (for instance: Document link) | Styles | ||
| FlatButton | Is used to display buttons without having a border and a transparent background | Styles | |
| Introduction | Displays containers as transparent with a small image in the top left corner | Styles | |
| Transparent | Displays containers as transparent. | Styles | |
| Accent | Displays buttons with a secondary chosen color. Can be used versatile. | Styles | |
| Tertiary | Displays buttons with a tertiary chosen color. Can be used versatile. | Styles | |
| Warning | Is used to change the background color and color of a text item. | Styles | |
| Autocomplete | Styles | ||
| memo | LargeText | Displays a input field as text-area | Styles |
| align_right | AlignRight | Styles | |
| options_horizontal | Horizontal | Styles | |
| options_vertical | Radio | Styles | |
| animate | Animation | Styles | |
| pie | StatisticPie | DashboardStyles | |
| bar | StatisticBar | DashboardStyles | |
| doughnut | StatisticDoughnut | DashboardStyles | |
| radar | StatisticRadar | DashboardStyles | |
| line | StatisticLine | DashboardStyles | |
| polar | StatisticPolar | DashboardStyles | |
| toggle | Toggle | Styles | |
| icon_exclamation_sign | icon_exclamation_circle *1 | Styles | |
| icon_info_sign | icon_info_circle *1 | Styles | |
| icon_remove | icon_times *1 | Styles | |
| icon_remove_circle | icon_times_circle *1 | Styles | |
| icon_time | icon_clock_o*1 | Styles | |
| icon_warning_sign | icon_exclamation_triangle*1 | Styles | |
| icon_signout | icon_sign_out*1 | Styles | |
| icon_file | icon_file_o*1 | Styles | |
| icon_file_pdf | icon_file_pdf_o*1 | Styles | |
| icon_file_image | icon_file_image_o*1 | Styles | |
*1 : These icons represent font-awesome icons. This is without the prefix icon_ x and the lower-dash are upper-dash. Example:
- Fontawesome icon:
exclamation-signin studio becomes:icon_exclamation_sign
Content Styles
TODO - changed/added/removed content styles + counterparts old/new (if any)
Modeling best practices
In this paragraph we describe some situations that have to be modeled differently.
Roles and widgets
Setting: a dashboard body with a dashboard row container having two containers for different roles. Each container holding one or more widgets. Each widget has a different role.
Previously: When logging in into the runtime with a specific role, the role triggers the right widget and filters out the other containers.
New: The new Blueriq Theme is acting closer to the model. So it tries to show the containers between the row and the widget, which is correct behavior. This behavior results in some space on the runtime. To change this behavior you should model it with setting the role to the main container (in this case DashboardBehandelaar and DashboardAanvrager) instead of on the widget. This gives you the right appearance.
Behavior
Here is a sum up of some important behavior in the Material theme. Some of these might not differ from the MVC but are important to know
- Empty container component will show no HTML and takes care of all containers that have the following condition
- No children
- No Icon
- No display name
- TODO
- TODO
- The Material Theme provides different URLs to start flows and shortcuts. They are described in the ApiDocs.
Overview
Content Tools