416.467.9100 | Dundas Data Visualization | Login
Welcome Guest
This is the support page for the legacy Dundas Dashboard application. For assistance with the current Dundas BI application please click here.
Dashboard v5.0

This site makes extensive use of JavaScript.

Please enable JavaScript in your web browser and reload the page before proceeding.

Adding Styles

Hide navigation
RSS
Modified on Wed, 21 Aug 2013 10:44 AM
Click to return to: Documentation | Designing Dashboards


Overview

While designing a dashboard, you can save the properties of a dashboard control as a style resource, which can then be imported into another control of the same type to give you a similarly-styled control.

The Shared Resources folder in the Design Explorer includes a set of ready-to-use, built-in styles which you can apply to your controls.

Built-in styles for a bar chart.

Built-in styles for a bar chart.


Tip: Style resources are an important part of the overall theme functionality in Dundas Dashboard.

Applying a style

To apply a style's properties to a control in your dashboard:

  1. Select the control on the Dashboard Designer canvas.
  2. Click the control's menu icon (or right-click over the control).
  3. From the menu, point to Style, and then choose Apply Style....
    Choose Apply Style.
  4. In the Select Style Resource dialog:
    • Expand the Styles folder to choose a style resource from the current project. Note that only styles that are applicable to the current control are listed.
      The Select Style Resource dialog.
    • Or, expand the Shared Styles folder to choose a shared style resource which is accessible to all projects.
  5. Click OK to apply the style to the control.
  6. Go to the Properties grid for the control and locate its Style property. Observe that it has been set to the style that was just applied. This means the style and the control are now linked. Any changes to the style will be automatically reflected by the control without the need to re-apply the style. Also, note for each property of the control that now takes its value from the applied style (e.g. Border Brush), the property's command menu icon appears with a light blue color. (Basically, the command menu icon serves a dual purpose - it not only provides access to a menu but it also acts as an indicator of where the control property value comes from.)
    The Style property is set.

Saving a style

To save (e.g. create) a style based on a control's current formatting:

  1. Select the control on the Dashboard Designer canvas.
  2. Click the menu icon of the control (or right-click over it).
  3. From the menu, point to Style, and then choose Save Style....
    Save Style.
  4. In the Save Style Resource dialog:
    • If your control is linked to an existing style and you want to update the style with the control's current formatting, select the Current Style option.
    • Or, if you want to save the control's formatting as a new style:
      • Select the New Style option.
      • Enter a name for your style.
        Save Style - Name.
      • Choose whether to save the style in the current project, or as a shared style.
      • If you want to associate (link) the new style to the control, select the Associate new style with control check box.
    • Click OK to perform the save.

Unlinking a style

If you have a control with an applied style, you can use the Unlink from Style function to apply all of the properties from the style to the control at once, and then unlink the style from the control. If the style is subsequently modified, this will have no effect on the control because the association between the style and the control is now removed.

Unlink from Style option.

Unlink from Style option.


After unlinking, the Style property of the control is reset back to (None) and the command menu icons of unlinked properties appear in their normal state (i.e. without any fill color).

Properties after unlinking.

Properties after unlinking.


Tip: Manually setting the Style property to (None) is the same as using the Unlink from Style menu option.

Style properties

Not all properties of a control can be saved in a style resource. For example, interactions are never saved into a style.

For charts, common properties such as the ones below are always saved:

  • Background
  • Border Brush
  • Border Thickness
  • Cursor
  • Font Family
  • Font Size
  • Font Style
  • Font Weight
  • Font Brush
  • Opacity
  • Visibility
  • Visual Effect

Refer to the properties references for each type of control to see the list of style properties. For example, see Chart - Properties.

Related topics


Click to return to: Documentation | Designing Dashboards

About Dundas | Contact Us Follow us on Twitter! | Privacy Statement | Report Site Issues

Copyright © 2009-2014 Dundas Data Visualization, Inc.