Skip to main content
Top
Review meshIQ Products (G2.com)

Configuring Viewlet (Widget) and Workgroup Server Colors

Some of the content described in this article is available in meshIQ Manage versions 12.1 and greater.
For a quick overview of what's new or changed, visit the meshIQ Highlights page for a version-by-version breakdown.  

Jump to Section:
Version 12.x and Later
Version 11.3 and Earlier

Version 12.x and Later

Color coding user interface elements lets you quickly determine characteristics of an object at a glance. Color coding of widgets makes it easier for users to identify the product that a widget is associated with, or what type of objects it contains. Color coding of widget rows by workgroup server quickly shows you which workgroup server an object is from. 

Color Coding Widgets

The color appears in a widget’s header. In the example below, local queue widgets are color coded yellow. 

You can configure colors for widgets as follows:

  • you can specify one color to represent all widgets of a product, or
  • you can specify multiple colors where each widget type is represented by a different color, or
  • you can select a color to represent a single widget

See the below sections for information on how to enable and configure this feature.

Activate Widget Color

Click the Settings Settings button.png icon located on the top-right toolbar to open the Settings window.
In the User Settings > General tab, enable the option Show Widget Product Color.

The widget color feature is now activated.

Configure Widget Colors

Specify One Color for All Widgets of a Product

  1. In the User Settings window, go to the Color Settings tab.

  2. In the Widgets Color Settings section:

    1. Select the required product.

    2. Choose a color type: Flat or Gradient.

  3. Click the color button for the selected product.

  4. In the Color Picker pop-up, do one of the following:

    1. To choose a color manually, use the color selection tool.

    2. To specify an exact color, click the arrows at the bottom of the picker, select a format (RGB, HSL, or Hex), and enter the corresponding color code.

  5. Click Save Changes.

    After you save, all widgets for the selected product type use the specified color going forward.

Specify Different Colors for Each Widget Type of a Product

  1. In the Settings window, go to the Color Settings tab.

  2. Click the  button, next to the desired product to view all associated widget types.

  3. Check the box next to a widget type, then choose a color type (Flat or Gradient). Click the color button to specify a unique color for that widget type.
    Widget types that are not selected will inherit the color assigned to the product.

  4. Click Save Changes.
    From this point forward, each selected widget type will be represented by the color you specified.

Specify a Color for a Single Widget

You can specify a color for an individual widget in the Create New/Edit Widget dialog.
The color code set here will override any color settings defined in the Settings window.

Activate WGS Color

In the General tab of User Settings, make sure you select the Show Color for WGS Connection in Widget checkbox. You can also configure the following settings:

  • Turn On Multi-Selection by Default: When editing widgets, this setting enables the Multi-Selection checkbox by default, allowing you to select more than one Workgroup Server.
  • Display Grouping In Connection Selection: If Workgroup Server connection groups have been created, this setting includes connection groups in the Workgroup Server lists, in addition to individual connections.

Configure Colors for WGS Connection

  1. In the User Settings window, go to the Color Settings tab.

  2. In the WGS Connections Color Settings section, select the required connection.

  3. Click the color button for the selected connection.

  4. In the Color Picker pop-up, do one of the following:

    1. To choose a color manually, use the color selection tool.

    2. To specify an exact color, click the arrows at the bottom of the picker, select a format (RGB, HSL, or Hex), and enter the corresponding color code.

  5. Click Save Changes.

Colors assigned in the WGS Connections Color Settings section are reflected in WGS connections and in all object widgets that display objects associated with those WGS connections.

Within an object widget, you can display color-coded objects from multiple Workgroup Server connections by enabling the Multi-Selection checkbox in the Create/Edit Widget dialog and selecting the individual Workgroup Servers one at a time.

Viewing Color Coding

The example below shows a Workgroup Server displaying nodes.

Object Widget Example

The selected colors are also reflected in object widgets connected to the same Workgroup Servers. Objects associated with the colored nodes display matching color indicators, as shown below.

________________________________________________________________________________________________________________

Version 11.3 and Earlier

Color coding user interface elements lets you quickly determine characteristics of an object at a glance. Color coding of viewlets makes it easier for users to identify the product that a viewlet is associated with, or what type of objects it contains. Color coding of viewlet rows by workgroup server quickly shows you which workgroup server an object is from. 

Color Coding Viewlets

The color appears in a viewlet’s header. In the example below, manager viewlets are color coded green. 
In version 11.0 and earliermceclip1.png
In version 11.1 and later

You can configure colors for viewlets as follows:

  • you can specify one color to represent all viewlets of a product, or
  • you can specify multiple colors where each viewlet type is represented by a different color, or
  • you can select a color to represent a single viewlet

See the below sections for information on how to enable and configure this feature.

Activate Viewlet Color

Click the User Settings icon mceclip2.png located in the tool bar at the top-right (left toolbar from version 11.1 onwards) of the screen to open the Settings window. On the User Settings tab, enable Show Viewlet's Product's Color. The viewlet color feature is now activated.

  • User Settings – Personal preferences specific to the logged-in user.

  • Application Settings – System-wide settings that apply to all users. Only users with elevated permissions (Admins) can modify these. 

  • Initial User Settings – Default settings are applied to new users when they log in for the first time or when an existing user restores their settings by clicking the Restore Initial Settings button. Only users with elevated permissions (Admins) can modify these settings.

mceclip0.png

Configure Viewlet Colors

To specify one color to represent all viewlets of a product

  1. On the Settings window, go to the Color Settings tab.
    Settings-Color.png
  2. Select the desired product and click on its color button.
  3. Select a color from the color picker window. You can also enter the desired color’s code in RGB, HSL or Hex format by clicking the arrows at the bottom of the color picker window to select the format and enter the color codes. 
    mceclip3.png
  4. (Optional.) By default, a gradient is used, but you can select the Flat Color checkbox to apply a solid color, as shown below.
    ViewletFlatColor.png
  5. Click Save Changes. From this point forward, all viewlets of the same product type will be represented by the color you specified.

To specify different colors to represent each viewlet type of a product

  1. On the Settings window, go to the Color Settings tab.
    mceclip4.png
     
  2. Click the expand button for the desired product to view all viewlet types for that product. Check a viewlet type and click on the color button to specify the color for this viewlet type. Viewlet types that are not selected will follow the product’s selected color.
    mceclip5.png
  3. Click Save Changes. From this point forward, each viewlet type will be represented by the color specified. 

To specify a color for a single viewlet

This is done on the Create New/Edit Viewlet window. Color codes specified on this window will override all color code options selected on the Settings window. 

ViewletSpecColor.png

Color Coding Workgroup Servers

Set up Color Coding

To see color coding by workgroup server, you must make changes in User Settings and in the viewlet.

  1. In User Settings (or Global Settings, for all users), make sure you have selected the Show Color For WGS Connection In Viewlet checkbox. You can also choose these other settings:
    • Turn On Multi-Selection by Default: When you are editing viewlets, turning this setting on selects the Multi-Selection checkbox by default so that you can select more than one workgroup server.
    • Display Grouping In Connection Selection: If Workgroup server connection groups have been created, includes connection groups in Workgroup server lists, in addition to individual connections.
  2. On the Color Settings tab of User Settings, the WGS Connection tab allows you to associate a color with each connection. Click the rectangle to select a unique color:
    ColorSetWGSMulti.png

  3. Within an object viewlet, you can choose to show color-coded objects from multiple workgroup server connections by selecting the Multi-Selection checkbox and selecting the individual workgroup servers one at a time. See the Node Viewlet example under Viewing color coding.

    VwletWGSMultiSlctCrop.png

Viewing Color Coding

Workgroup servers

The selected colors are reflected in the Workgroup servers viewlet, as shown below:

WorkspaceMulti.png

Nodes viewlet example

The example below shows a Node viewlet with nodes from two different workgroup servers (Primary Connection and WGS 11).

NodeVwletWGSMultiSlct.png