Editing Color Properties in a Portlet

Some portlets and indicators have color properties that allow you to customize their appearance. DivePort uses RGB color formatting to create whatever colors are required. For example:

  • 0, 0, 0 is black
  • 255, 0, 0 is red
  • 0, 255, 0 is green
  • 0, 0, 255 is blue
  • 255, 255, 255 is white

RBG color diagram.

Some color properties have a specified default color. If the color property box contains an empty string, the default color is used.

There are multiple ways to set the value of a color property:

If you know the RGB value that you want to use:

  1. Browse to the DivePort page where the portlet is located.
  2. On the DivePort toolbar, click Edit to unlock the page and enable edit mode.

  3. Double-click the portlet that you want to edit.

    The Edit Portlet dialog box opens.

  4. Find the Color property that you want to change and click the value box to select it.

    For example, the Line Color for a line background portlet.

    Line portlet color property area of the edit dialog box.

  5. Enter the color in the format r, g, b where each is a value from 0 to 255.
  6. Click elsewhere on the dialog box to accept the value.
  7. Click OK to close the Edit dialog box.
  8. On the toolbar, click Save.

To use the DivePort built-in color picker:

  1. Browse to the DivePort page where the portlet is located.
  2. On the DivePort toolbar, click Edit to unlock the page and enable edit mode.

  3. Double-click the portlet that you want to edit.

    The Edit Portlet dialog box opens.

  4. Find the Color property that you want to change and click the chevron in the value box.

    There are two styles of color pickers.

    Choose a color dialog box.

  5. Use a drag operation on the slider to change the hue displayed on the palette.

    The color palette changes to reflect the slider value.

  6. Place the pointer on the palette on the exact color you want to use, and click to select it, or use a drag and drop operation to move the color selector to the color you want to use.

    • In the basic color picker, the value in the Hex box indicates the hexadecimal value of the selected color. If you already know the hexadecimal value of the color that you want to use, you can manually enter it in this box instead of using the palette.

    • In the advanced color picker, the values in the R, G, and B boxes indicate the RGB value of the selected color, If you already know the RGB value of the color that you want to use, you can manually enter it in these boxes instead of using the palette. The A box indicates the transparency of the color in the range of 0–100, where 0 is transparent and 100 is solid.

  7. Click OK to close the dialog box.

    The updated color and its RGB value appears in the Color box.

  8. Click OK to close the Edit dialog box.

  9. On the toolbar, click Save.

See also About the Color Pickers.

DivePort skins include cusomizable color palettes. For example a 16-color graph palette, with values that can be referenced as skin:graphPalette#Color or skin:# (where # is a number 1–16).

If you know the skin palette value that you want to use:

  1. Browse to the DivePort page where the portlet is located.
  2. On the DivePort toolbar, click Edit to unlock the page and enable edit mode.

  3. Double-click the portlet that you want to edit.

    The Edit Portlet dialog box opens.

  4. Find the Color property that you want to change and click the value box to select it.

    For example, the Low Color for a map portlet.

  5. Enter the skin palette color that you want to use.

    Map Layer color settings dialog box.

  6. Click OK to close the Edit dialog box.
  7. On the toolbar, click Save.

  1. If necessary, create a custom macro using a color value. For example:

    Edit macro dialog box.

  2. Browse to the DivePort page where the portlet is located.
  3. On the DivePort toolbar, click Edit to unlock the page and enable edit mode.

  4. Double-click the portlet that you want to edit.

    The Edit Portlet dialog box opens.

  5. Find the Color property that you want to change and click the value box to select it.

    For example, the Subtitle Font Color for an indicator portlet.

  6. Enter the color macro that you want to use.

    Edit indicator portlet display settings dialog box.

  7. Click OK to close the Edit dialog box.
  8. On the toolbar, click Save.

See also Creating Internal Macros.