Themes

Themes are used to define a default style for each type of segment in particular Business Unit. Themes are reusable and can be applied to any number of Layouts, thus saving time when multiple Layouts should look the same. This makes styling easy by changing everything in one central location.

Default themes are stored in the distribution package in the Assets\Themes folder in case, if any of them needs to be restored.

Themes can be exported into a zip file by clicking the export button.

Figure 1: Export button

../_images/themes-export.png

Exported theme can be imported in the DW by clicking the import button.

Themes can be exported/imported between DW versions without any restrictions.

Figure 2: Import button

../_images/themes-import.png

Locate the exported zip file and select, how the static content, used within the theme, should be imported. Available options are:

  • Import And Rename If Exists
    static content files are imported. In case a file with the same name already exists, the imported file is renamed.

  • Import And Replace If Exists
    static content files are imported. In case a file with the same name already exists, it is replaced by the imported file.

  • Import If Not Exists
    static content files are only imported if they do not already exist.

Figure 3: Import dialog

../_images/themes-dialog.png

To create a new Theme, click the button located above the list of themes. In the following dialog, select an existing theme, from which the new theme will be copied.

Value for all options in Themes is required.

  • Name
    The name of a theme.

  • Background Type
    Type of the Layout’s background.

  • Background Color
    For more information see Color field section.
    Color of the Layout’s background.

  • Background Image
    Image of the Layout’s background.

Layout Segment

  • Corner Radius
    Corner radius of the segment measured in permilles of the entire Layout’s height.

  • Margin
    Margin of the ticker measured in permilles of the entire Layout’s height.

  • Shadow
    For more information see Shadow Style section.
    Shadow of the segment.

  • Transparency
    Transparency of layout segments measured in percents.

  • Borders
    For more information see Borders Style section.
    The style, width and color settings for the segments borders.

  • Titles Style
    Settings applied to source titles.

    • Visibility
      Whether the title should be visible.

      • Show - Title is visible.

      • Hide - Title is hidden.

    • Content
      Content of the title.

      • Title - Title is displayed.

      • Paging Info - Paging info is displayed.

      • Title and Paging Info - Both title and paging info are displayed.

    • Position
      Position of the title. If Float on Top or Float on Bottom is selected, title floats over the segment which may cause overlapping.

      • Float on Top - Title floats over the segment on Top.

      • Float on Bottom - Title floats over the segment on Bottom.

      • Top - Title is displayed on the top of the segment.

      • Bottom - Title is displayed on the bottom of the segment.

    • Height
      Height of segment titles.

    • Text Color
      For more information see Color field section.
      The color of title text.

    • Background Color
      For more information see Color field section.
      The color of the title background.

    • Text Style
      For more information see Text Style section.
      Type of font to use and whether bold or italic text should be used.

    • Font Size Coefficient
      The font size is calculated by multiplying available height for the text by font size coefficient.
      Ticker Items aren’t affected by this option.

    • Horizontal Alignment
      Controls, where the text should be aligned on the horizontal axis.

      • Left - Text is aligned to the left.

      • Center - Text is centered.

      • Right - Text is aligned to the right.

    • Padding
      The size of a padding between the segment’s title and segment’s border in “em” units. 1 em equals to the font size of the associated text.
      The padding is applied to the side where the text is horizontally aligned.

    • Render As Link Text Style
      For more information see Text Style section.
      Type of font to use and whether bold, italic or underlined text should be used in title rendered as link.

Bar/Line Chart

  • Plot Area Margin
    Setting for an amount of empty space between top of the chart and header. In case of horizontal value axis orientation, plot area margin defines an amount of empty space between the end of the chart (maximum value on the horizontal axis) and other entity such as the legend. If there is no other entity, this setting defines the space between the end of the chart and the segment’s border.

  • Headers
    The style of headers.

    • Text Color
      For more information see Color field section.
      The color of header’s text.

    • Background Color
      For more information see Color field section.
      The background color used in the headers

    • Text Style
      For more information see Text Style section.
      Type of font to use and whether bold or italic text should be used.

    • Font Size Coefficient
      The font size is calculated by multiplying available height for the text by font size coefficient.

    • Height
      Height of headers.

  • Colors
    The color settings used in a timeline chart.

    • Text
      For more information see Color field section.
      The color of a text.

    • Background
      For more information see Color field section.
      The color of a background.

    • Plot Area Background
      For more information see Color field section.
      The color of a plot area background.

    • Axes
      For more information see Color field section.
      The color of an axes lines.

    • Grid Lines
      For more information see Color field section.
      The color of a grid lines.

  • Legend
    The style of legend in the bar/line chart.

    • Text Color
      For more information see Color field section.
      Color of the text.

    • Background Color
      For more information see Color field section.
      The background color of the legend.

    • Text Style
      For more information see Text Style section.
      Type of font to use and whether bold or italic text should be used.

    • Font Size
      The size of the labels. Measured in permilles of the entire Layout’s height.

    • Font Size Coefficient
      The font size is calculated by multiplying available height for the text by font size coefficient.

  • Tooltips
    Settings for tooltips.

    • Title Color
      For more information see Color field section.
      Color of the tooltip title.

    • Text Color
      For more information see Color field section.
      Color of the text.

    • Background Color
      For more information see Color field section.
      The background color of the legend.

    • Border Color
      For more information see Color field section.
      The color of the tooltip border.

    • Border Width
      The width of the tooltip border.

    • Square Marker Border Color
      For more information see Color field section.
      A border color of a square associated with the series.

  • Label Axis
    Settings for label axis.

    • Text Style
      For more information see Text Style section.
      Label axis does not support Custom CSS in the Text Style. If Theme Text Style, with Custom CSS is chosen, Custom CSS will not be applied
      Type of font to use and whether bold or italic text should be used.

    • Font Size
      The size of a label axis font. Measured in permilles of the entire Layout’s height.

    • Font Size Coefficient
      The font size is calculated by multiplying available height for the text by font size coefficient.

  • Value Axis
    Settings for value axis.

    • Title
      Settings for value axis titles.

      • Text Style
        For more information see Text Style section.
        Value axis does not support Custom CSS in the Text Style. If Theme Text Style, with Custom CSS is chosen, Custom CSS will not be applied
        Type of font to use and whether bold or italic text should be used.

      • Font Size
        The size of a text. Measured in permilles of the entire Layout’s height.

      • Font Size Coefficient
        The font size is calculated by multiplying available height for the text by font size coefficient.

    • Labels
      Settings for value axis labels.

      • Text Style
        For more information see Text Style section.
        Labels do not support Custom CSS in the Text Style. If Theme Text Style, with Custom CSS is chosen, Custom CSS will not be applied
        Type of font to use and whether bold or italic text should be used.

      • Font Size
        The size of a text. Measured in permilles of the entire Layout’s height.

      • Font Size Coefficient
        The font size is calculated by multiplying available height for the text by font size coefficient.

    • Thresholds
      Settings for thresholds.

      • Line Style
        For more information see Borders Style section.
        The style, width and color of the line.

      • Labels
        Settings for thresholds labels.

        • Text Style
          For more information see Text Style section..
          Type of font to use and whether bold, italic or underlined text should be used.

        • Position
          Position of the label.

          • Left - Text is aligned to the left.

          • Center - Text is centered.

          • Right - Text is aligned to the right.

        • Text Color
          For more information see Color field section..
          Color of the text.

        • Background Color
          For more information see Color field section..
          Color of the background.

        • Font Size
          Size of the font. Measured in permilles of the entire Layout’s height.

        • Font Size Coefficient
          The font size is calculated by multiplying available height for the text by font size coefficient.

  • Series
    Settings for series.

    • Line Width
      Width of a line when values in series are presented as line, curved line, line area or curved line area. Measured in permilles of the entire Layout’s height.

    • Colors
      The color settings of chart series.

      • Value
        For more information see Color field section.
        Color of the value.

    • Value Labels
      Settings of value labels.

      • Text Color
        For more information see Color field section.
        Value labels do not support Custom CSS in the Text Style. If Theme Text Style, with Custom CSS is chosen, Custom CSS will not be applied
        The color of text used in value labels.

      • Text Style
        For more information see Text Style section.
        Type of font to use and whether bold or italic text should be used.

      • Font Size
        The size of a text. Measured in permilles of the entire Layout’s height.

      • Font Size Coefficient
        The font size is calculated by multiplying available height for the text by font size coefficient.

      • Custom Null Value
        A custom value that is displayed when the value is null.

Calendar

  • Show Day Headers
    By turning off, hide name of days from calendar.

  • Show Period Headers
    By turning off, hide header describing shown interval.

  • Background Color
    For more information see Color field section.
    The color of the background.

  • Headers
    The style of the headers in the calendar.

    • Text Color
      For more information see Color field section.
      The color of the headers text.

    • Background Color
      For more information see Color field section.
      The color of headers background.

    • Text Style
      For more information see Text Style section.
      Type of font to use and whether bold or italic text should be used.

    • Font Size Coefficient
      The font size is calculated by multiplying available height for the text by font size coefficient.

    • Height
      Height of the calendar headers.

  • Day Numbers
    Visual configuration of day numbers.

    • Visibility
      Whether day numbers should be visible.

    • Content
      Content of the day numbers.

      • Title - Title is displayed.

      • Paging Info - Paging info is displayed.

      • Title and Paging Info - Both title and paging info are displayed.

    • Position
      Position of the day numbers. If Float on Top or Float on Bottom is selected, day numbers float over the segment which may cause overlapping.

      • Float on Top - Title floats over the segment on Top.

      • Float on Bottom - Title floats over the segment on Bottom.

      • Top - Title is displayed on the top of the segment.

      • Bottom - Title is displayed on the bottom of the segment.

    • Horizontal Alignment
      Position of day numbers on horizontal axis.

      • Left - Text is aligned to the left.

      • Center - Text is centered.

      • Right - Text is aligned to the right.

    • Padding
      The size of a padding between the day numbers and day numbers’s border in “em” units. 1 em equals to the font size of the associated text.
      The padding is applied to the side where the text is horizontally aligned.

    • Height
      Height of day numbers.

    • Text Color
      For more information see Color field section.
      The color of the day number, displayed in the tile.

    • Background Color
      For more information see Color field section.
      Color of the day numbers background.

    • Text Style
      For more information see Text Style section.
      Type of font to use and whether bold or italic text should be used.

    • Font Size Coefficient
      The font size is calculated by multiplying available height for the text by font size coefficient.

  • Values
    Settings for calendar values.

    • Background Color
      For more information see Color field section.
      The color of values background.

    • Best Fit
      Whether value should dynamically resize to best fit into a clock.

    • Text Style
      For more information see Text Style section.
      Type of font to use and whether bold or italic text should be used.

    • Horizontal Alignment
      Position of the text on horizontal axis.

      • Left - Text is aligned to the left.

      • Center - Text is centered.

      • Right - Text is aligned to the right.

    • Padding
      The size of a padding between the text and values border in “em” units. 1 em equals to the font size of the associated text.
      The padding is applied to the side where the text is horizontally aligned.

    • Custom Null Value
      A custom value that is displayed when the value is null.

    • Corner Radius
      Corner radius of the values measured in permilles of the entire Layout’s height.

    • Presentation Types
      Settings for each presentation type.

      • Alphanumeric
        Color settings for Alphanumeric presentation type.

        • Text Color
          For more information see Color field section.
          Color of the text.

        • Font Size Coefficient
          The font size is calculated by multiplying available height for the text by font size coefficient.

      • Semaphore
        Color settings for Semaphore presentation type.

        • Text Color
          For more information see Color field section.
          Color of the text.

        • Semaphore Color
          For more information see Color field section.
          Color of the semaphore.

        • Font Size Coefficient
          The font size is calculated by multiplying available height for the text by font size coefficient. In the case of semicircle, circle and semaphore presentation type combined with the regular sizing, available height is defined by the height of the circle/semicircle/semaphore. Otherwise, by the height of the container.

      • Circle
        Color settings for Circle presentation type.

        • Text Color
          For more information see Color field section.
          Color of the text.

        • Circle Color
          For more information see Color field section.
          Color of the circle.

        • Font Size Coefficient
          The font size is calculated by multiplying available height for the text by font size coefficient. In the case of semicircle, circle and semaphore presentation type combined with the regular sizing, available height is defined by the height of the circle/semicircle/semaphore. Otherwise, by the height of the container.

      • Semi Circle
        Color settings for Semi Circle presentation type.

        • Text Color
          For more information see Color field section.
          Color of the text.

        • Semi Circle Color
          For more information see Color field section.
          Color of the Semi Circle.

        • Font Size Coefficient
          The font size is calculated by multiplying available height for the text by font size coefficient. In the case of semicircle, circle and semaphore presentation type combined with the regular sizing, available height is defined by the height of the circle/semicircle/semaphore. Otherwise, by the height of the container.

      • Horizontal Bar
        Color settings for Horizontal Bar presentation type.

        • Text Color
          For more information see Color field section.
          Color of the text.

        • Horizontal Bar Color
          For more information see Color field section.
          Color of the Horizontal Bar.

        • Empty Bar Color
          For more information see Color field section.
          Background color of the bar itself.

        • Font Size Coefficient
          The font size is calculated by multiplying available height for the text by font size coefficient.

      • Vertical Bar
        Color settings for Vertical Bar presentation type.

        • Text Color
          For more information see Color field section.
          Color of the text.

        • Vertical Bar Color
          For more information see Color field section.
          Color of the Vertical Bar.

        • Empty Bar Color
          For more information see Color field section.
          Background color of the bar itself.

        • Font Size Coefficient
          The font size is calculated by multiplying available height for the text by font size coefficient.

Clock

  • Format
    Format of displayed time. For more information about supported formats see Clock chapter in layout viewer and editor guide.

  • Style
    The style of a Clock.

    • Text Color
      For more information see Color field section.
      The color of the text.

    • Background Color
      For more information see Color field section.
      The color of background.

    • Text Style
      For more information see Text Style section.
      Type of font to use and whether bold or italic text should be used.

    • Font Size Coefficient
      The font size is calculated by multiplying available height for the text by font size coefficient.

    • Best Fit
      Whether value should dynamically resize to best fit into a clock.

    • Horizontal Alignment
      Controls, where the text should be aligned on the horizontal axis.

      • Left - Text is aligned to the left.

      • Center - Text is centered.

      • Right - Text is aligned to the right.

    • Vertical Alignment
      Controls, where the text should be aligned on the vertical axis.

      • Top - Text is aligned to the top.

      • Middle - Text is centered.

      • Bottom - Text is aligned to the bottom.

    • Padding
      The size of a padding between the text and clock’s border in “em” units. 1 em equals to the font size of the associated text.
      The padding is applied to the side where the text is horizontally aligned.

Grid

  • Paging Interval
    The time interval between change of each page.

  • Sizing Mode
    Row size mode.

    • Number of Rows - Number of rows displayed for each page.

    • Height of Row - Height of a row measured in permilles of the entire Layout’s height.

  • Row Height
    Height of a row measured in permilles of the entire Layout’s height.

  • Page Size
    Number of rows displayed for each page.

  • Horizontal Alignment
    Controls, where the text should be aligned on the horizontal axis.

    • Left - Text is aligned to the left.

    • Center - Text is centered.

    • Right - Text is aligned to the right.

  • Padding
    The size of a padding between the text and cell’s border in “em” units. 1 em equals to the font size of the associated text.
    The padding is applied to the side where the text is horizontally aligned.

  • Headers
    The style of the headers in the grid.

    • Text Color
      For more information see Color field section.
      The color of header’s text

    • Background Color
      For more information see Color field section.
      The color of header’s background.

    • Text Style
      For more information see Text Style section.
      Type of font to use and whether bold or italic text should be used.

    • Height
      Height of the headers.

    • Font Size Coefficient
      The font size is calculated by multiplying available height for the text by font size coefficient.

    • Borders
      For more information see Borders Style section.
      The style, width and color settings for the header borders.

  • Values
    Settings for values in grid.

    • Background Color
      For more information see Color field section.
      Color of the background.

    • Alternate Row Colors
      Whether consecutive rows should alternate colors.

    • Alternate Row Background Color
      For more information see Color field section.
      Alternating color of the background.

    • Text Style
      For more information see Text Style section.
      Type of font to use and whether bold or italic text should be used.

    • Best Fit
      Whether value should dynamically resize to best fit into a grid.

    • Custom Null Value
      A custom value that is displayed when the value is null.

    • Presentation Types
      Color settings for each presentation type.

      • Alphanumeric
        Color settings for Alphanumeric presentation type.

        • Text Color
          For more information see Color field section.
          Color of the text.

        • Alternate Row Text Color
          For more information see Color field section.
          Alternating color of the text.

        • Font Size Coefficient
          The font size is calculated by multiplying available height for the text by font size coefficient.

      • Semaphore
        Color settings for Semaphore presentation type.

        • Text Color
          For more information see Color field section.
          Color of the text.

        • Alternate Row Text Color
          For more information see Color field section.
          Alternating color of the text.

        • Semaphore Color
          For more information see Color field section.
          Color of the semaphore.

        • Alternate Row Semaphore Color
          For more information see Color field section.
          Alternating color of the semaphore.

        • Font Size Coefficient
          The font size is calculated by multiplying available height for the text by font size coefficient. In the case of semicircle, circle and semaphore presentation type combined with the regular sizing, available height is defined by the height of the circle/semicircle/semaphore. Otherwise, by the height of the container.

      • Circle
        Color settings for Circle presentation type.

        • Text Color
          For more information see Color field section.
          Color of the text.

        • Alternate Row Text Color
          For more information see Color field section.
          Alternating color of the text.

        • Circle Color
          For more information see Color field section.
          Color of the circle.

        • Alternate Row Circle Color
          For more information see Color field section.
          Alternating color of the circle.

        • Font Size Coefficient
          The font size is calculated by multiplying available height for the text by font size coefficient. In the case of semicircle, circle and semaphore presentation type combined with the regular sizing, available height is defined by the height of the circle/semicircle/semaphore. Otherwise, by the height of the container.

      • Semi Circle
        Color settings for Semi Circle presentation type.

        • Text Color
          For more information see Color field section.
          Color of the text.

        • Alternate Row Text Color
          For more information see Color field section.
          Alternating color of the text.

        • Semi Circle Color
          For more information see Color field section.
          Color of the Semi Circle.

        • Alternate Row Semi Circle Color
          For more information see Color field section.
          Alternating color of the semi circle.

        • Font Size Coefficient
          The font size is calculated by multiplying available height for the text by font size coefficient. In the case of semicircle, circle and semaphore presentation type combined with the regular sizing, available height is defined by the height of the circle/semicircle/semaphore. Otherwise, by the height of the container.

      • Horizontal Bar
        Color settings for Horizontal Bar presentation type.

        • Text Color
          For more information see Color field section.
          Color of the text.

        • Alternate Row Text Color
          For more information see Color field section.
          Alternating color of the text.

        • Horizontal Bar Color
          For more information see Color field section.
          Color of the Horizontal Bar.

        • Alternate Row Horizontal Bar Color
          For more information see Color field section.
          Alternating color of the horizontal bar.

        • Empty Bar Color
          For more information see Color field section.
          Background color of the bar itself.

        • Alternate Empty Bar Color
          For more information see Color field section.
          Alternate background color of the bar itself.

        • Font Size Coefficient
          The font size is calculated by multiplying available height for the text by font size coefficient.

      • Vertical Bar
        Color settings for Vertical Bar presentation type.

        • Text Color
          For more information see Color field section.
          Color of the text.

        • Alternate Row Text Color
          For more information see Color field section.
          Alternating color of the text.

        • Vertical Bar Color
          For more information see Color field section.
          Color of the Vertical Bar.

        • Alternate Row Vertical Bar Color
          For more information see Color field section.
          Alternating color of the vertical bar.

        • Empty Bar Color
          For more information see Color field section.
          Background color of the bar itself.

        • Alternate Empty Bar Color
          For more information see Color field section.
          Alternate background color of the bar itself.

        • Font Size Coefficient
          The font size is calculated by multiplying available height for the text by font size coefficient.

    • Borders
      For more information see Borders Style section.
      The style, width and color settings for the borders in a values area.

  • Totals
    Totals display the aggregation of the values from the whole column in the separated row on the bottom of the grid. Colors and text style in this row can be configured independently of the others.

    • Text Color
      For more information see Color field section.
      Color of the text.

    • Background Color
      For more information see Color field section.
      Color of the background.

    • Text Style
      For more information see Text Style section.
      Type of font to use and whether bold or italic text should be used.

    • Font Size Coefficient
      The font size is calculated by multiplying available height for the text by font size coefficient.

    • Borders
      For more information see Borders Style section.
      The style, width and color settings for the borders in a totals row.

  • Background Blink Color
    The background color can alternate between this color and the standard color.

    • Color
      For more information see Color field section.
      A color to alternate.

  • Audible Alert
    Settings for audible alerts.

    • Audio File
      The alert sound that will be played.

    • Repeat
      Whether an audio file will repeat itself until a value is out of the set range.

Image

  • Background Color
    For more information see Color field section.
    The color of image’s background

KPI

  • Background Color
    For more information see Color field section.
    The color of KPI’s background.

  • Best Fit
    Dynamically resize a value to best fit into a KPI.

  • Text Style
    For more information see Text Style section.
    Type of font to use and whether bold or italic text should be used.

  • Horizontal Alignment
    Controls, where the text should be aligned on the horizontal axis.

    • Left - Text is aligned to the left.

    • Center - Text is centered.

    • Right - Text is aligned to the right.

  • Padding
    The size of a padding between the value and segment’s border in “em” units. 1 em equals to the font size of the associated text.
    The padding is applied to the side where the text is horizontally aligned.

  • Custom Null Value
    A custom value that is displayed when the value is null.

  • Presentation Types
    Color settings for each presentation type.

    • Alphanumeric
      Color settings for Alphanumeric presentation type.

      • Text Color
        For more information see Color field section.
        Color of the text.

      • Font Size Coefficient
        The font size is calculated by multiplying available height for the text by font size coefficient.

    • Semaphore
      Color settings for Semaphore presentation type.

      • Text Color
        For more information see Color field section.
        Color of the text.

      • Semaphore Color
        For more information see Color field section.
        Color of the semaphore.

      • Font Size Coefficient
        The font size is calculated by multiplying available height for the text by font size coefficient. In the case of semicircle, circle and semaphore presentation type combined with the regular sizing, available height is defined by the height of the circle/semicircle/semaphore. Otherwise, by the height of the container.

    • Circle
      Color settings for Circle presentation type.

      • Text Color
        For more information see Color field section.
        Color of the text.

      • Circle Color
        For more information see Color field section.
        Color of the circle.

      • Font Size Coefficient
        The font size is calculated by multiplying available height for the text by font size coefficient. In the case of semicircle, circle and semaphore presentation type combined with the regular sizing, available height is defined by the height of the circle/semicircle/semaphore. Otherwise, by the height of the container.

    • Semi Circle
      Color settings for Semi Circle presentation type.

      • Text Color
        For more information see Color field section.
        Color of the text.

      • Semi Circle Color
        For more information see Color field section.
        Color of the Semi Circle.

      • Font Size Coefficient
        The font size is calculated by multiplying available height for the text by font size coefficient. In the case of semicircle, circle and semaphore presentation type combined with the regular sizing, available height is defined by the height of the circle/semicircle/semaphore. Otherwise, by the height of the container.

    • Horizontal Bar
      Color settings for Horizontal Bar presentation type.

      • Text Color
        For more information see Color field section.
        Color of the text.

      • Horizontal Bar Color
        For more information see Color field section.
        Color of the Horizontal Bar.

      • Empty Bar Color
        For more information see Color field section.
        Background color of the bar itself.

      • Font Size Coefficient
        The font size is calculated by multiplying available height for the text by font size coefficient.

    • Vertical Bar
      Color settings for Vertical Bar presentation type.

      • Text Color
        For more information see Color field section.
        Color of the text.

      • Vertical Bar Color
        For more information see Color field section.
        Color of the Vertical Bar.

      • Empty Bar Color
        For more information see Color field section.
        Background color of the bar itself.

      • Font Size Coefficient
        The font size is calculated by multiplying available height for the text by font size coefficient.

  • Background Blink Color
    The background color can alternate between this color and the standard color.

    • Color
      For more information see Color field section.
      A color to alternate.

  • Audible Alert
    Settings for audible alerts.

    • Audio File
      The alert sound that will be played.

    • Repeat
      Whether an audio file will repeat itself until a value is out of the set range.

Label

  • Text Color
    For more information see Color field section.
    Color of the text.

  • Background Color
    For more information see Color field section.
    The color of Label’s background.

  • Text Style
    For more information see Text Style section.
    Type of font to use and whether bold or italic text should be used.

  • Font Size Coefficient
    The font size is calculated by multiplying available height for the text by font size coefficient.

  • Horizontal Alignment
    Controls, where the text should be aligned on the horizontal axis.

    • Left - Text is aligned to the left.

    • Center - Text is centered.

    • Right - Text is aligned to the right.

  • Vertical Alignment
    Controls, where the text should be aligned on the vertical axis.

    • Top - Text is aligned to the top.

    • Middle - Text is centered.

    • Bottom - Text is aligned to the bottom.

  • Padding
    The size of a padding between the text and Label’s border in “em” units. 1 em equals to the font size of the associated text.
    The padding is applied to the side where the text is horizontally aligned.

Nested Layout/Widget

  • Background Type
    Type of the Layout’s/Widget’s background.

    • Image - Layout’s/Widget’s background is an image.

    • Solid Color - Layout’s/Widget’s background is a solid color.

  • Background Color
    For more information see Color field section.
    Color of the Layout’s/Widget’s background.

  • Background Image
    Image of the Layout’s/Widget’s background.

PDF Document

  • Background Color
    For more information see Color field section.
    The background color used in the PDF document.

Pie Chart

  • Background Color
    For more information see Color field section.
    The background color of the pie chart.

  • Error Color
    For more information see Color field section.
    Color of the validation error in case of all values in pie chart being “0”.

  • Segment Labels
    The settings for segment labels.

    • Label Color
      For more information see Color field section.
      Color of the segment labels.

    • Text Style
      For more information see Text Style section.
      Type of font to use and whether bold or italic text should be used.

    • Font Size
      The size of the segment labels. Measured in permilles of the entire Layout’s height.

    • Font Size Coefficient
      The font size is calculated by multiplying available height for the text by font size coefficient.

  • Legend
    The style of legend in the pie chart.

    • Text Color
      For more information see Color field section.
      Color of the text.

    • Background Color
      For more information see Color field section.
      Background color of a legend.

    • Text Style
      For more information see Text Style section.
      Type of font to use and whether bold or italic text should be used.

    • Font Size
      The size of the labels. Measured in permilles of the entire Layout’s height.

    • Font Size Coefficient
      The font size is calculated by multiplying available height for the text by font size coefficient.

    • Custom Null Value
      A custom value that is displayed when the value is null.

  • Tooltips
    Settings for tooltips.

    • Title Color
      For more information see Color field section.
      Color of the tooltip title.

    • Text Color
      For more information see Color field section.
      Color of the text.

    • Background Color
      For more information see Color field section.
      The background color of the legend.

    • Border Color
      For more information see Color field section.
      The color of the tooltip border.

    • Border Width
      The width of the tooltip border.

    • Square Marker Border Color
      For more information see Color field section.
      A border color of a square associated with the segment.

Sequence

  • Corner Radius
    Corner radius of the sequence’s item measured in permilles of the entire Layout’s height.

  • Margin
    Margin of the sequence’s item measured in permilles of the entire Layout’s height.

  • Shadow
    For more information see Shadow Style section.
    Shadow of the sequence’s item.

  • Titles Style
    Settings applied to source titles.

    • Visibility
      Whether the title should be visible.

      • Show - Title is visible.

      • Hide - Title is hidden.

    • Content
      Content of the title.

      • Title - Title is displayed.

      • Paging Info - Paging info is displayed.

      • Title and Paging Info - Both title and paging info are displayed.

    • Position
      Position of the title. If Float on Top or Float on Bottom is selected, title floats over the sequence which may cause overlapping.

      • Float on Top - Title floats over the segment on Top.

      • Float on Bottom - Title floats over the segment on Bottom.

      • Top - Title is displayed on the top of the segment.

      • Bottom - Title is displayed on the bottom of the segment.

    • Height
      Height of sequence items titles.

    • Text Color
      For more information see Color field section.
      The color of title text.

    • Background Color
      For more information see Color field section.
      The color of the title background.

    • Text Style
      For more information see Text Style section.
      Type of font to use and whether bold or italic text should be used.

    • Font Size Coefficient
      The font size is calculated by multiplying available height for the text by font size coefficient.
      Ticker Items aren’t affected by this option.

    • Horizontal Alignment
      Controls, where the text should be aligned on the horizontal axis.

      • Left - Text is aligned to the left.

      • Center - Text is centered.

      • Right - Text is aligned to the right.

    • Padding
      The size of a padding between the segment’s title and segment’s border in “em” units. 1 em equals to the font size of the associated text.
      The padding is applied to the side where the text is horizontally aligned.

Shape

  • Background Color
    For more information see Color field section.
    The background color of the Shape.

Ticker

  • Background Color
    For more information see Color field section.
    The background color of the ticker.

  • Corner Radius
    Corner radius of the ticker’s item measured in permilles of the entire Layout’s height.

  • Margin
    Margin of the ticker’s item measured in permilles of the entire Layout’s height.

  • Shadow
    For more information see Shadow Style section.
    Shadow of the ticker’s item.

  • Titles Style
    Settings applied to source titles.

    • Visibility
      Whether the title should be visible.

      • Show - Title is visible.

      • Hide - Title is hidden.

    • Content
      Content of the title.

      • Title - Title is displayed.

      • Paging Info - Paging info is displayed.

      • Title and Paging Info - Both title and paging info are displayed.

    • Position
      Position of the title. If Float on Top or Float on Bottom is selected, title floats over the ticker which may cause overlapping.

      • Float on Top - Title floats over the segment on Top.

      • Float on Bottom - Title floats over the segment on Bottom.

      • Top - Title is displayed on the top of the segment.

      • Bottom - Title is displayed on the bottom of the segment.

    • Height
      Height of ticker items titles.

    • Text Color
      For more information see Color field section.
      The color of title text.

    • Background Color
      For more information see Color field section.
      The color of the title background.

    • Text Style
      For more information see Text Style section.
      Type of font to use and whether bold or italic text should be used.

    • Font Size Coefficient
      The font size is calculated by multiplying available height for the text by font size coefficient.
      Ticker Items aren’t affected by this option.

    • Horizontal Alignment
      Controls, where the text should be aligned on the horizontal axis.

      • Left - Text is aligned to the left.

      • Center - Text is centered.

      • Right - Text is aligned to the right.

    • Padding
      The size of a padding between the segment’s title and segment’s border in “em” units. 1 em equals to the font size of the associated text.
      The padding is applied to the side where the text is horizontally aligned.

Web Page

  • Background Color
    For more information see Color field section.
    The color of the web page’s background.

Word Cloud

  • Text Style
    For more information see Text Style section.
    Word Cloud does not support Custom CSS in the Text Style. If Theme Text Style, with Custom CSS is chosen, Custom CSS will not be applied
    Type of font to use and whether bold or italic text should be used.

  • Spacing
    A coefficient that indicates the amount of space between words.

  • Out Of Bound Behavior
    Dictates what should happen with the word if it exceeds the source boundaries.

    • Hide - hides the word that exceeds the Word Cloud boundaries.

      If there is any word hidden due to exceeding the Word Cloud boundaries, the user will be notified in a pop up. Pop up appears only during editing of layout.

    • Shrink To Fit - reduces the size of a word that exceeds the Word Cloud boundaries to fit into them.

      If there is a size reduction in any word due to exceeding the Word Cloud boundaries, the user will be notified in a pop up. Pop up appears only during editing of layout.

  • Word Sizing
    Word size options.

    • Size Parameter
      Parameter on the basis of which the word size is calculated.

      • Weight - the size of the word depends on the weight assigned to the word.

      • Weight Order - the size of the word is calculated on the basis of the order in which the word is dependent on the weight assigned to the word.

    • Minimum Font Size Coefficient
      Minimum font size coefficient expresses relation of text size to height of the source. For example the value of 0.5 makes the header text half the size of the source. The font size will never drop below minimum size set.

    • Maximum Font Size Coefficient
      Maximum font size coefficient expresses relation of text size to height of the source. For example the value of 0.5 makes the text half the size of the source. The font size will never exceed the maximum size set.

    • Sizing Function
      The function by which the word size is calculated.

      • Parabolic - differences in word size change parabolically, depending on the weight of the word.

      • Exponential - differences in word size change exponentialy, depending on the weight of the word. Differences in size of the words raises quicker than by using a parabolic function.

    • Parabolic Function Exponent
      Exponent, according to which the word size is calculated. The higher the value, the greater the difference between word sizes.

    • Exponential Function Base
      A value, according to which the word size is calculated. The higher the value, the greater the difference between word sizes.

  • Word Rotation
    Word rotation options.

    • Minimum Rotation Angle
      Minimum angle for word rotation in degrees. Word rotation will never be at a lower angle than a value set.

    • Maximum Rotation Angle
      Maximum angle for word rotation in degrees. Word rotation will never exceed this angle.

    • Rotation Steps
      The number of different angles of rotation of the word to be used.

    • Rotate Probability
      The probability of words rotation in percent.

  • Colors
    Color options.

    • Background Color
      For more information see Color field section.
      The color of the background.

    • Text Color
      For more information see Color field section.
      A text color, used in the Fixed color mode.

YouTube Video

  • Volume
    The volume of a selected video.

Colors

A Theme Color is a predefined color, that can be reused in layouts within the theme in which it was defined. Theme Colors are typically used to define the color of specific parts of a layout or segment that are used repeatedly, such as a title or header.

  • Name
    The name of a Theme Color.

  • Color
    For more information see Color field section.
    A color.

Text Styles

A Theme Text style is a predefined text style that defines the font to use and whether bold or italic text should be used. It can be reused in layouts within the theme in which it was defined.

  • Name
    The name of a Theme Text style.

  • Text Style
    For more information see Text Style section.
    Style of the text.