Diagram Gradients and Backgrounds

Tile

Either:

• Type in the file path for a .jpg, .bmp or .png graphics file to use as a background for all your diagrams, or
• Click on the Select Tile button to the right of the field and select a file (by default from the Enterprise Architect supplied tiles folder, but you can browse to any other file location for the required file)

The selected background is immediately applied to any diagrams you have open, and the field displays the location of the background graphic file, such as:

     C:\Program Files\Sparx Systems\EA\BackgroundTiles\Aqua_03.jpg

If you no longer want to apply a background tile to your diagrams, click on the Clear File button to clear the field.

Paper

Click on the drop-down arrow to change the background color of the diagrams you display.

This field is disabled if you have selected a background tile (above). The field is re-enabled when the file path is deleted from the 'Tile' field.

Page Border Style

Click on the drop-down arrow and select the option for the type of page border you want to use when displaying diagrams on your monitor. You can choose from:

• Solid (the default) - pages are framed by a solid dark gray line on the screen
• Dash - pages are framed by a broken dark gray line
• Dash (with white line) - pages are framed by a broken dark gray line on a solid pale background
• Dot - pages are framed by a dotted dark gray line
• Dot (with white line) - pages are framed by a dotted dark gray line on a solid pale background line
• Chiselled - pages are framed by a thin black line bordered by a thicker dark gray line to the right or below

If you cannot see the page border on a diagram, right-click on the diagram and select the 'Properties' option, then check that the 'Hide Page Border (All Diagrams)' or 'Hide Page Border (Current Diagram)' options are not selected.

Gradient

Click on the drop-down arrow and select the direction of the color gradient to apply to the background color of the diagrams you display - Up or Down. You set the background color itself in the 'Paper' field.

Select <none> to apply the background color uniformly to the diagram background.

This field is disabled if you have selected a background tile. The field is re-enabled when the file path is deleted from the 'Tile' field.

Gradient Fill Direction For an Element

Click on the drop-down arrow and select the direction of the color gradient applied to the element fill color.

Select <none> to apply the element fill color uniformly to the element, with no color gradient.

Gradient Style for Element

Click on the drop-down arrow and select the style to apply to the element fill color gradient. The options apply:

• On the left or upper edge of each element, a band of the gradient color that fades in the fill direction defined above, and that has an angled line or curve on the inner boundary
• On the right or lower side of each element, a band of the gradient color that fades at 90 degrees to the gradient direction defined above

Select '<none>' to have a single band of color fading across the element in the fill direction.

Fill

Click on the drop-down arrow and select the fill color of all elements (except Screen elements and Notes) on the diagrams you display.

You can also change the element fill color on the 'Standard Colors' page, where you can define the fill color of Screen and Notes elements as well.

You can quickly make fill color changes using the 'Hue', 'Saturation' and 'Luminosity' fields, in combination. The 'Fill' field reflects the color changes as you make them, but having a diagram open with large elements also shows the changes immediately and very clearly.

Revert

Click on this button to reset the fill color to the previously saved color. If you have been testing new colors but have not closed and re-opened the 'Options' dialog, you can return to the color you originally changed from.

Hue

Click on the slider icon and drag it along the line to set the basic primary color or combination of two primary colors. The numerical value of the color (the H value in the HSL code) displays in the field to the right of the slider.

Saturation

Click on the slider icon and drag it along the line to set the color saturation (the degree of grayness in the color). The numerical value of the saturation (the 'S' value in the 'HSL' code) displays in the field to the right of the slider.

Luminosity

Click on the slider icon and drag it along the line to set the color luminosity (the degree of light in the color, from none (black) to full (white). The numerical value of the luminosity (the L value in the HSL code) displays in the field to the right of the slider.

Tint Amount

Click on the slider icon and drag it along the line to set the degree of tint in the color gradient. Moving from the left end the slider sets completely black at the top of the gradient, through no tint to completely white at the top of the gradient.

The percentage tint displays in the field to the right of the slider, showing -50% for the left end of the slider, 0% (the default) in the center and 50% at the right end.

To reset the Tint Amount to the system default (which is a slight, dusky gradient), click on the Default button.

Fill Amount

Click on the slider icon and drag it along the line to set the degree of fill of the gradient. From the left end the slider sets, effectively, no gradient (0%) through to starting the gradient immediately at one edge of the element and building right across the element (100%).

The percentage gradient fill displays in the field to the right of the slider.

To reset the Fill Amount to the system default (80%), click on the Default button.