Setting the Flexbox background color

Optionally, you can set the background color for each Flexbox component to a different color. The colors available are according to a predetermined set of colors. (In other words, you have only a limited set of colors from which to choose.)

To set the background color for a Flexbox component, use this procedure:

  1. Select the Flexbox in the workspace.
  2. In the component Properties panel, select the Style tab.
  3. In the list of Style settings, locate the Background Color option and click Show More.
  4. From the drop-down list, select the background color to use:
    • None (the default setting) - Displays the background as transparent (no color)
    • Azure 1–3 - Colors the background progressively darker shades of a sky-blue-type color
    • Graphite 1–5 - Colors the background progressively darker shades of gray
    • White - Makes the background pure white
Related topics