View source for Adjusting Image Transparency for Version 8.0

==Introduction==

Illustrations and '''Chart Editor''' features used in this article are from OnePager Pro using data from Microsoft Project but the features, function, controls, and manual edits apply equally to other OnePager editions that '''import''' from data sources like Microsoft Excel, Smartsheet, Oracle Primavera P6, Microsoft Planner, Planisware Enterprise, Asana, and Wrike.

==Adjusting Background Image Transparency==

When '''background images''' are initially '''inserted''' into the '''graph''' they are opaque.  Initially the presence of such a '''background image''' can distract from the project management information the chart is intended to convey.  To resolve such a situation and provide more flexibility, you have the option of '''editing''' how '''transparent''' the '''inserted background image''' can be in the '''graph'''.

The greater the '''transparency''', the less potential distraction the '''inserted background image''' can appear.  Conversely, the less the '''transparency''' setting, the more prominent the '''inserted background image''' appears in the '''graph'''.

===Increasing Background Image Transparency===

'''Editing background image transparency''' is done by accessing the '''background image''' right-click '''context menu''' in the '''background image's area''' where there are no task bars/milestone symbols, decorations, or adornments as shown here:

<center>[[File:P70-20_3-1-70-(1)-10292019.png]]</center>
<!--<center>P70-20_3-1-70-(1)-10292019.png</center>-->

Then click the '''Properties …''' command to accesses the '''Image Properties''' form that lets you adjust '''transparency''' as shown below:

<center>[[File:P70-20_3-1-70-(2)-10292019.png]]</center>
<!--<center>P70-20_3-1-70-(2)-10292019.png</center>-->

To '''increase''' the '''transparency''', that is, to be able to see task bars/milestone symbols and other objects behind the image, slide the '''Transparency''' bar to the '''right''':

<center>[[File:P70-20_3-1-70-(3)-10292019.png]]</center>
<!--<center>P70-20_3-1-70-(3)-10292019.png</center>-->

When you are at the level of '''transparency''' you want, click the '''OK''' button on the '''Image Properties''' form and the '''background image''' looks like this:

<center>[[File:P70-20_3-1-70-(4)-10292019.png]]</center>
<!--<center>P70-20_3-1-70-(4)-10292019.png</center>-->

===Decreasing Background Image Transparency===

When a '''background image''' is first '''inserted''' into the '''graph''', the '''default transparency''' is zero (0%) percent or its maximum opacity.  To '''decrease''' the '''transparency''', that is, to be able to '''hide''' task bars/milestone symbols and other objects behind the '''background image''', slide the '''Transparency''' bar to the '''left''' from the position the slide was previously located.

===Additional Editing Controls in the Image Properties Form===

There are other controls in the '''Image Properties''' form that are useful for doing manual '''editing''' of the '''selected background image'''.  The '''Image Properties''' form is shown here:

<center>[[File:P72-20_3-1-72-(5)-11022023.png]]</center>
<!--<center>P72-20_3-1-72-(5)-11022023.png</center>-->

====Width and Height====

The '''Width''' and '''Height''' windows support two (2) functions:

:1) When you '''edit''' the '''size''' of a '''background image''' in the chart, the '''Width''' and '''Height''' windows display the actual '''size''' of the '''background image''' in either '''inches''' or '''centimeters''' depending on your selection of '''Template Properties''' form for the chart.

:2)  The '''Width''' and '''Height''' windows can also be accessed and their contents changed manually as an alternate method for changing the dimensions of the '''background image''' in the '''graph'''.

====Maintain Aspect Ratio====

The '''Maintain aspect ratio''' checkbox is used solely in the form to '''lock''' and '''unlock''' the '''width''' and '''height''' controls from maintaining the '''current aspect ratio''' between them.  Accessing the '''Image Properties''' form shown above, always shows the '''Maintain aspect ratio''' checkbox checked '''ON'''.  When you manually change, say, the '''Width''' value in the '''Image Properties''' form with the '''Maintain aspect ratio''' checkbox checked '''ON''', OnePager makes a change to the '''Height''' value, in this case, to maintain the '''aspect ratio''' originally present when the form was accessed. As a result, when you click '''OK''' on the form, OnePager changes the '''width/height''' of the '''Background Image''' to correspond to the new '''Width''' and '''Height''' settings you changed.

If you check '''OFF''' the '''Maintain aspect ratio''' checkbox in the '''Image Properties''' form, the '''Width''' and '''Height''' values are no longer '''coordinated''' together and a change to the '''Width''', for example, does not cause a corresponding '''aspect ratio''' change to the '''Height''' and vice-versa.

If you make a manual change to a selected ''' Background Images' width''' or '''height''' in the '''graph''', the new values are made available in the '''Image Properties''' form when it is accessed.  These manually determined '''width''' and '''height''' values become the '''current aspect ratio''' that is maintained if '''width''' or '''height''' changes are made, as described above, within the '''Image Properties''' form's '''Width''' or '''Height''' windows as the '''Maintain aspect ratio''' checkbox is always checked '''ON''' when the form is first accessed.


(20.3.1-80)

[[Category:Version 8.0]]
[[Category:Editing the Chart]]
[[Category:Backgrounds, Images, and Logos]]
[[Category:Ribbon]]
[[Category:Snapshots]]
[[Category:Charts]]
[[Category:Templates Properties Form]]
[[Category:Chart Properties Form]]
[[Category:OnePager Pro]]
[[Category:OnePager Express]]
[[Category:OnePager Bundle]]