How to Set Box Fill Effect of Org Charts - OrgCharting
Organizational Chart
Change Box Fill Color
You can change box fill color by the following steps:
-
Select a box.
-
Click on the Style icon
to open the right sidebar.
-
On the Style panel, click the Fill button
to choose your desired color to fill the selected box.
Note:
The top section of the Fill colors are Theme Colors. They are predefined color sets of the current theme.
More Colors
To use colors that are excluded from the theme colors or standard colors, click More Colors. From the pop-up window, you can:
- Click anywhere on the blank area.
- Go to Theme section under the Style panel on the Right Side Panel.
- Then click the Theme Font and Theme Color buttons.
No Fill
To make a box colorless, or to remove fill from a box, you can choose the “No Fill” option.
More Fill Options
Click More… to specify the following fill effects to a box:
- Solid Fill
- Gradient Fill
- Hatch Fill
Solid Fill
To specify a solid fill colour, ensure that the appropriate radio button is selected and then click on the color swatch. A panel is displayed for you to select a colour.
Gradient Fill
Gradient: A gradual progression of colors and shades, usually from one color to the other, or from one shade to the other shade within the same color.
Gradient Type
To specify the direction when drawing your gradient fill, select an option from the list. The Type that you selected determines the available Direction.
Gradient Direction
To choose a different progression of colors and shades, click Direction, and then click your preferred option. The available Directions depend on the Gradient Type that you have chosen.
Angle
To specify the angle of the gradient fill which is rotated within the box, enter your preferred degree value. This option is available only when you have selected Linear as the Type.
Gradient Stops
Gradient stops consist of a position, a color, and a transparency value. The transparency value applies to the gradient stop instead of the overall fill. Gradient stops can create non-linear gradients. For example, if you want to create a gradient that goes from red, green to blue, you need to add three gradient stops - one for each color. Alternatively, if you want to create a gradient that shows up only in a corner of a box, you need to use gradient stops to make the gradient non-linear.
Add: Click the green Add icon 
to add a stop.
Remove: Click the Red Cross icon 
to delete a stop.
Stop Position
To set the location for the color and transparency change in the gradient fill, please move the Stop position slider or enter a number in the box below the slider.
Color
To choose the color of the gradient stop, click Color. To use a color that is not in the theme colors, click More Colors.
Hatch Fill
You can also fill a box with a predefined pattern or hatch.
- Click the More… from the Fill drop-down menu.
- From the pop-up dialogue, click Hatch Fill.
- Choose a hatch from the predefined hatch gallery.
- Change the Front and Background color of the hatch.
