Using Gradient Coloring

From RAD Studio
Jump to: navigation, search

Go Up to Customizing Diagram Appearance and Viewing Diagrams


You can use linear color gradients to fill nodes and background of diagrams:

  • Gradient coloring of nodes and background of diagrams is configured in the Appearance category of Modeling options in the Options dialog box.
  • Gradient coloring of separate nodes can be managed from the Object Inspector view.

To fill background of diagrams with color gradient

  1. Click Tools > Options.
  2. In the Options dialog box, choose the General group in the Modeling > (level) > Diagram > Appearance category.
  3. Set to True the Diagram background gradient on option. This activates filling of the diagram background using the linear color gradient.
  4. Use the Diagram background gradient mode to set Horizontal or Vertical direction of gradient coloring:
    • Horizontal defines that linear color interpolation is horizontal. The first gradient color is used on the left border and the second gradient color is used on the right border of diagrams.
    • Vertical defines that linear color interpolation is vertical. The first gradient color is used on the upper border of diagrams and the second gradient color is used on the lower border.
  5. Use the Diagram background color option to set the first gradient color and the Diagram background gradient color option to set the second gradient color.

To fill all nodes of diagrams with color gradient

  1. Click Tools > Options.
  2. In the Options dialog box, choose the Gradient coloring of nodes group in the Modeling > (level) > Diagram > Appearance category.
  3. Set to True the Gradient on option. This activates filling of nodes using the linear color gradient.
  4. Use the Gradient mode to set Horizontal or Vertical direction of gradient coloring:
    • Horizontal defines that linear color interpolation is horizontal. The first gradient color is used on the left border and the second gradient color is used on the right border of diagrams.
    • Vertical defines that linear color interpolation is vertical. The first gradient color is used on the upper border of diagrams and the second gradient color is used on the lower border.
  5. Use the Gradient color 1 option to set the first gradient color and the Gradient color 2 option to set the second gradient color.
  6. Use the Gradient area option to define which parts of rectangles of nodes to fill with gradient colors.
    • Whole Shape - whole rectangles of nodes.
    • Caption - only captions of nodes.
    • Caption and Compartments - only captions and compartment names of nodes.

To fill separate node with color gradient

  1. Click View > Object Inspector to open the Object Inspector.
  2. In the Diagram View or Model View select some node. Properties of the selected node appear in the Object Inspector.
  3. Set to True the Gradient on option. This activates filling of the node using the linear color gradient.
  4. Use the Gradient mode to set Horizontal or Vertical direction of gradient coloring:
    • Horizontal defines that linear color interpolation is horizontal. The first gradient color is used on the left border and the second gradient color is used on the right border of diagrams.
    • Vertical defines that linear color interpolation is vertical. The first gradient color is used on the upper border of diagrams and the second gradient color is used on the lower border.
  5. Use the Gradient color 1 option to set the first gradient color and the Gradient color 2 option to set the second gradient color.

See Also