color chart screen.
You can select a color for the background using either the finely graded color chart, or the coarser one underneath it. If you use the finely graded color chart, note that once you have made a selection, you can tune the color very precisely using the slider bar on the right hand side of the main chart.
The text field will display the hexadecimal representation of the three primary color components (red, green, blue) for the currently selected color, and the field background will also change to the selected color. The default selection is white.
Once you are satisfied with your choice, press Apply to set the fill to that color. Below we have chosen a brown background. Note that the fill color block button will change color to reflect your choice.
We can change the values given here, and press Apply, and the shape will adjust its style (and thus its appearance). The Style tab controls will also change to reflect any edits that are made here.
For instance, let us change the fill color from brown to green. A hexadecimal value of 00FF00 will give green, so we will change fillColor to this value (see highlighted section below).
When we press Apply, we can immediately see the change; the fill color is now green rather than brown. All other aspects of the style remain unchanged.
We have already seen that all of the colors in a style are optional; they can be switched off if desired. So, if we wanted to remove the color gradient from the style, we do this by removing the section that sets gradientColor.
The rectangle is now filled with a solid block of green.
Copy Style and Paste Style
Now we shall look at one way to transfer the style setting between shapes. Let us drag a cylinder from the General symbols menu onto our work space.
Because we have just added this shape, it only has the default style information. If we want it to share the same style as the rectangle, then we follow this procedure:
- Click on the rectangle, and then press the Copy style button.
- Click on the cylinder, and then press the Paste style button.
The cylinder now has the same style information as the rectangle.
Actually, the style information is not exactly the same, because the effect options that are available for a cylinder shape are not the same as for a rectangle, as can be seen below.
Only the shadow option is available; neither glass nor rounded can be set for a cylinder. The rounded setting that we set for the rectangle has not been transferred, although since a cylinder doesn't have any edges, we wouldn't notice the difference anyway.
Set as default style and clear default style
Let us delete the cylinder, and replace it with the brown rectangle we had earlier.
Now let us select the green rectangle and press the Set as default style button. This causes any new added shapes to automatically have the same style settings as the green rectangle.
Let us now add a triangle from the General symbols menu.
As we would expect, the triangle matches the style of the green rectangle. Let us now select the brown rectangle, and perform a copy on connect by clicking the blue + sign on the right of the shape.
This new rectangle is a exact copy of the first brown rectangle, and takes all style settings from its parent, not from the current set style settings.
Incidentally, the arrow does not appear to touch either shape, even though it is connected to both and will move as they move. This is because we set the shape's perimeter spacing to 10 from the default value of 1.
Finally, we can unselect all of the shapes, which causes the Format panel to reappear on the right hand side of the screen.
Pressing the Clear default style button at the bottom will clear all of the global style settings. Newly added shapes will no longer use the saved style settings (currently those of the green rectangle), and will instead use the default settings.