You are viewing the documentation for Blueriq 15. Documentation for other versions is available in our documentation directory.
For many presentation style a more broader name has been chosen, so its usage can be more versatile. For instance the presentation style 'Transparent' currently is used to display containers background as transparent but could also be used to display other components as transparent/
Presentation Styles
| Library | New Presentation Style | Description |
|---|---|---|
| BlueriqTheme | Button | Is used whenever something is displayed as a link and it must be displayed as button instead. (for instance: Document link) |
| BlueriqTheme | FlatButton | Is used to display buttons without having a border and a transparent background |
| BlueriqTheme | Introduction | Displays containers as transparent with a small image in the top left corner |
| BlueriqTheme | Transparent | Displays containers as transparent. |
| BlueriqTheme | Accent | Displays buttons with a secondary chosen color. Can be used versatile. |
| BlueriqTheme | Tertiary | Displays buttons with a tertiary chosen color. Can be used versatile. |
| BlueriqTheme | Autocomplete | Can be used on a single-valued domain-list to have auto completion on a select. Can be used in combination with multi-valued attributes to have a auto completion on a chiplist |
| BlueriqTheme | LargeText | Displays a input field as text-area |
| BlueriqTheme | AlignRight | Displays a container relative to its parent container on the right. |
| BlueriqTheme | Horizontal | Displays the content of a container horizontally. Display the domain as horizontal options. |
| BlueriqTheme | Vertical | Display the domain as vertical options. For single valued fields, radio buttons are used and for multi-valued fields checkboxes are used. |
| BlueriqTheme | Animation | Can be used to animate statistic charts (like pie, bar etc.) |
| BlueriqTheme | StatisticPie | Displays a pie chart |
| BlueriqTheme | StatisticBar | Displays a bar chart |
| BlueriqTheme | StatisticDoughnut | Displays a doughnut chart |
| BlueriqTheme | StatisticRadar | Displays a radar chart |
| BlueriqTheme | StatisticLine | Displays a line chart |
| BlueriqTheme | StatisticPolar | Displays a polar chart |
| BlueriqTheme | Switch | Displays a checkbox as a slide toggle |
| BlueriqTheme | Weight<number> Example: Weight6 | Within a `Horizontal` container, children can have presentation styles like `Weight<number>` If you have a child with `Weight3` and another child with `Weight1`, the total weight number would be 4. The first child will take 3/4th of the available horizontal space and the second child would take 1/4th. |
Icons
Icons can be displayed on buttons and as a prefix for display names on containers. Instead of having a fixed list of icons, you can now choose from all the font-awesome icons of the current library version the front-end is using.
Icons used from the font-awesome library should be prefixed with `icon_`
Some icons contain characters that are not allowed in studio to use (like '-'), these characters should be replaced with lowerdash _
So for example:
- Font-awesome icon `exclamation-sign` in studio becomes `icon_exclamation_sign`
For what icons you can use, look at: https://fontawesome.com/icons
Note that not all icons work, since it depends on what version of font-awesome the frontend is using
Upgrading to a newer version of font-awesome could mean that some renaming has been done by font-awesome and this should also be done in the model
Content Styles
| Library | New Presentation Style | Description |
|---|---|---|
| BlueriqTheme | Responsive | The width of the content on the page is dependent on the width of the window. |
| BlueriqTheme | Small | The content on the page is narrow. |
| BlueriqTheme | Medium | The content on the page is medium. |
| BlueriqTheme | Large | The content on the page is large. |
| BlueriqTheme | Full | Content on the page should take the full width. |
Overview
Content Tools
1 Comment
Sjarlie Graaumans
Above it states 'Vertical' is a presentation style in the BlueriqTheme. However I can't find it in version 1.0.2 even though it doesn't seem to have been removed based on the 1.0.1 and 1.0.2 release notes. Was 'Vertical' not added or was it removed at some point?