You are viewing the documentation for Blueriq 17. Documentation for other versions is available in our documentation directory.
A content style describes the function of a component
Page element Content Styles (Angular)
Library | Content style name | Description | Extra |
|---|---|---|---|
| Dashboard | dashboard_body | This content style indicates the body of the dashboard. (note that this is used in combination with dashboard_header, dashboard_menu and dashboard_footer) | |
| Dashboard | dashboard_footer | This content style indicates the footer of the dashboard. (note that this is used in combination with dashboard_header, dashboard_menu and dashboard_body) | |
| Dashboard | dashboard_header | This content style indicates the header of the dashboard. (note that this is used in combination with dashboard_menu, dashboard_body and dashboard_footer) | |
| Dashboard | dashboard_menu | This content style indicates the menu of the dashboard. (note that this is used in combination with dashboard_header, dashboard_body and dashboard_footer, and requires a sub container with Content style menubar) | |
| Dashboard | dashboard_row | This content style indicates a row. | |
| Dashboard | dashboard_column1..12 | Deprecated. Dashboard column weight 1-12. This is supported as legacy, it is preferable to use the dashboard_column Content Style and the Weight<N> Presentation Style. | |
| Dashboard | dashboard_column | This content style indicates a column in a dashboard_row. Use the Weight<N> Presentation Style to indicate the width relative to the other columns. | |
| Dashboard | dashboard_widget | Renders the content of a widget as a tile. | |
| Default | breadcrumbcontainer | Default content style connected to the container AQ_BreadCrumb. | |
| AquimaLibrary | menubar | Content styling to be used to style a container as a menubar. Should be used within a container with Content Style dashboard_menu. The content style works for buttons and containers containing buttons. | |
| AquimaLibrary | tabs | This style renders the direct child containers as tabs where the tab caption is the displayName of the container. It is advised to use this style only for readonly content as validation errors are only shown of the currently active tab. Also, be aware that the fields on all tabs are submitted when the page is submitted, even though the fields are not visible. |
Page Content Styles (Angular)
In the MVC dashboards were always displayed on full screen. This has been changed to be responsive by default. If you desire to have the same behavior you must add the following content style to your page: FullFor completeness, these are all the possibilities:
| Library | Content Style | Description |
|---|---|---|
| BlueriqTheme | Responsive | The width of the content on the page is dependent on the width of the window (default). |
| BlueriqTheme | Small | The content on the page is narrow (maximum width is 512 pixels). |
| BlueriqTheme | Medium | The content on the page is medium (maximum width is 768 pixels). |
| BlueriqTheme | Large | The content on the page is large (maximum width is 1024 pixels). |
| BlueriqTheme | Full | Content on the page should take the full width. |
Overview
Content Tools