You are viewing the documentation for Blueriq 13. Documentation for other versions is available in our documentation directory.

It is possible to put presentations style on various elements, e.g. containers, buttons, attributes, etc. A presentation style changes the manner in which the content is presented to the user. It does not change the content itself, or the structure of the page (Content styles). A good example is emphasizing a piece of text. For the the TextEmphasis presentation can be used. This presentation style shows the intent of the business engineer, and the styling can react to this by for example making the text bold. On a project you may decide to not only make the piece of text bold, but also change the font size and color for creating the emphasis. By using such presentation styles, a consistent way of presenting content through-out the application is achieved.


Type

Name

Can be applied to

Description

Legacy (MVC)

Library


Accent

Button

Displays buttons with a secondary chosen color-BlueriqTheme

AlignRightContainer

Displays a container relative to its parent container on the right.

align_rightBlueriqTheme

AllOptionsVisibleAttributeDisplays the options in a multivalued field with domain as checkboxes.
BlueriqTheme

Animation
Can be used to animate statistic charts (like pie, bar etc.)animateBlueriqTheme

AutocompleteAttribute with value list

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
GeneralButton

Button

document_link

Is used whenever something is displayed as a link and it must be displayed as button instead. (for instance: Document link)-BlueriqTheme

Danger

TextItem

Inline text



AquimaLibrary

DatepickerMaterialDate attribute



Disabled

Button

Attribute



AquimaLibrary

DoNotShowSearchLists

BlueriqTheme

FlatButtonButtonIs used to display buttons without having a border and a transparent backgroundbutton_linkBlueriqTheme

Horizontal

Container

Attribute with value list

Displays the content of a container horizontally.

Display the domain as horizontal options.
For single valued fields, radio buttons are used and for multi-valued fields checkboxes are used.

options_horizontal

BlueriqTheme

Info

TextItem

Inline text



AquimaLibrary

IntroductionContainerDisplays containers as transparent with a small image in the top left corner-BlueriqTheme

LargeTextString attributeDisplays a input field as text-areamemoBlueriqTheme

Primary

Button

document_link (only in combination with Button)



AquimaLibrary

StatisticPieFor use with the AQ_Statistic* container typesDisplays a pie chartpieBlueriqTheme

StatisticBarFor use with the AQ_Statistic* container typesDisplays a bar chartbarBlueriqTheme

StatisticDoughnutFor use with the AQ_Statistic* container typesDisplays a doughnut chartdoughnutBlueriqTheme

StatisticRadarFor use with the AQ_Statistic* container typesDisplays a radar chartradarBlueriqTheme

StatisticLineFor use with the AQ_Statistic* container typesDisplays a line chartlineBlueriqTheme

StatisticPolarFor use with the AQ_Statistic* container typesDisplays a polar chartpolarBlueriqTheme

Succes

TextItem

Inline text



AquimaLibrary

SwitchBoolean attributeDisplays a checkbox as a slide toggletoggleBlueriqTheme

Tertiary

Button

document_link (only in combination with Button)

Displays buttons with a tertiary chosen color.

-BlueriqTheme

TextEmphasis

TextItem

Inline text

With this presentation style you emphasize a piece of text. In the default styling this will render the text bold.
AquimaLibrary

TextEmphasisSubtle

TextItem

Inline text

With this presentation style you subtly emphasize a piece of text. In the default styling this will render the text underlined.
AquimaLibrary

TextEmphasisIntense

TextItem

Inline text

With this presentation style you intensely emphasize a piece of text. In the default styling this will render the text italic.
AquimaLibrary

TransparentContainer

Displays containers as transparent.

-BlueriqTheme

Warning

TextItem

Inline text



BlueriqTheme

Weight<number>
Example: Weight7

Container that has a dashboard_column Content Style

Elements in a container with Presentation Style Horizontal

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.


-BlueriqTheme
IconsOnlyIconButton

Displays only a icon when used on a button.
No caption will be shown.

only_iconBlueriqTheme

icon_exclamation_circle *1
A font Awesome icon; can be used in buttons and containers as prefix for display nameicon_exclamation_signAquimaPresentationStyles

icon_info_circle *1
A font Awesome icon; can be used in buttons and containers as prefix for display nameicon_info_signAquimaPresentationStyles

icon_times *1
A font Awesome icon; can be used in buttons and containers as prefix for display nameicon_removeAquimaPresentationStyles

icon_times_circle *1
A font Awesome icon; can be used in buttons and containers as prefix for display nameicon_remove_circleAquimaPresentationStyles

icon_clock_o *1
A font Awesome icon; can be used in buttons and containers as prefix for display nameicon_timeAquimaPresentationStyles

icon_exclamation_triangle *1
A font Awesome icon; can be used in buttons and containers as prefix for display nameicon_warning_signAquimaPresentationStyles

icon_sign_out *1
A font Awesome icon; can be used in buttons and containers as prefix for display nameicon_signoutAquimaPresentationStyles

icon_file_o *1
A font Awesome icon; can be used in buttons and containers as prefix for display nameicon_fileAquimaPresentationStyles

icon_file_pdf_o *1
A font Awesome icon; can be used in buttons and containers as prefix for display nameicon_file_pdfAquimaPresentationStyles

icon_file_image_o *1
A font Awesome icon; can be used in buttons and containers as prefix for display nameicon_file_imageAquimaPresentationStyles


*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-sign becomes in Blueriq Studio: icon_exclamation_sign
  • To create a new presentation style for a Fontawesome icon in Blueriq Studio, copy the name of the icon you want and replace the Font awesome prefix 'fa fa-' with 'icon_' and replace all hyphens (-) with an underscore (_)


Fontawesome

The version of fontawesome that is bundled with Blueriq is 4.4.0. There is no separate documentation page for this version, see https://fontawesome.com/v4.7.0/ for the documentation about 4.7.0.
  • No labels