Difference between revisions of "Zebra Striping for Rows and Swimlanes for OnePager Pro for Version 7.0"

From OnePager Documentation
Jump to: navigation, search
(Created page with "==About Zebra Striping== 1) OnePager Pro ('''OPP''') lets you stripe the '''background colors''' for rows or swimlanes and the respective '''text columns''' and '''label area...")
 
Line 3: Line 3:
 
1) OnePager Pro ('''OPP''') lets you stripe the '''background colors''' for rows or swimlanes and the respective '''text columns''' and '''label areas'''.     
 
1) OnePager Pro ('''OPP''') lets you stripe the '''background colors''' for rows or swimlanes and the respective '''text columns''' and '''label areas'''.     
  
2) The controls are in the '''Main''' tab of the Project-View Properties ('''PVP''') and of the '''Template Properties''' forms.   
+
2) The controls are in the '''Main''' tab of the '''Chart Properties''' and of the '''Template Properties''' forms.   
  
 
3) The controls consist of two radio buttons and the selection of the desired '''alternating colors'''.
 
3) The controls consist of two radio buttons and the selection of the desired '''alternating colors'''.
Line 9: Line 9:
 
==Example==
 
==Example==
  
1) Let’s look at an existing project view as an example and apply '''Zebra stripes''' to both '''rows and swimlanes'''.  The following is a project view where we have multiple projects and have eliminated all '''background color''':
+
1) Let’s look at an existing chart as an example and apply '''Zebra stripes''' to both '''rows and swimlanes'''.  The following is a chart where we have multiple projects and have eliminated all '''background color''':
  
 
<center>[[File:P60-12_23_1-60-(1)-11222016.png]]</center>
 
<center>[[File:P60-12_23_1-60-(1)-11222016.png]]</center>
Line 18: Line 18:
 
:a) It starts the '''stripes''' in the bottom most '''row/swimlane''' with '''Color 2''' alternating to '''Color 1''' in that fashion until the top most '''row/swimlane''' is finished.   
 
:a) It starts the '''stripes''' in the bottom most '''row/swimlane''' with '''Color 2''' alternating to '''Color 1''' in that fashion until the top most '''row/swimlane''' is finished.   
  
:b) If '''rows or swimlanes''' are changed in any way by manually '''moving''' them up or down, '''splitting''' them, '''merging''' them, or through '''re-configuring rows and swimlanes''' by changing the Microsoft Project field driving the configuration, OnePager automatically '''re-stripes''' the project view from bottom to top starting with '''Color 2''' as previously described.
+
:b) If '''rows or swimlanes''' are changed in any way by manually '''moving''' them up or down, '''splitting''' them, '''merging''' them, or through '''re-configuring rows and swimlanes''' by changing the Microsoft Project field driving the configuration, OnePager automatically '''re-stripes''' the chart from bottom to top starting with '''Color 2''' as previously described.
  
 
===Row Stripes===
 
===Row Stripes===
  
1) To '''Zebra stripe''' rows, go to the '''PVP''' form by clicking the '''Project-View Properties''' button on the '''Home''' ribbon.  Then go to the '''Main''' tab as shown below:
+
1) To '''Zebra stripe''' rows, go to the '''Chart Properties''' form by clicking the '''Chart Properties''' button on the '''Home''' ribbon.  Then go to the '''Main''' tab as shown below:
  
 
<center>[[File:P61-12_23_1-61-(2AA-1)-11282018.png]]</center>
 
<center>[[File:P61-12_23_1-61-(2AA-1)-11282018.png]]</center>
Line 29: Line 29:
 
:a) In the form above, select the '''Row stripes''' radio button and select two colors, '''Color 1''' and '''Color 2''' from the available '''color palettes'''.
 
:a) In the form above, select the '''Row stripes''' radio button and select two colors, '''Color 1''' and '''Color 2''' from the available '''color palettes'''.
  
:b) Click '''Apply''' to make the change and keep the form visible or click '''OK''' to make the change and close the form.  The project view looks like this:
+
:b) Click '''Apply''' to make the change and keep the form visible or click '''OK''' to make the change and close the form.  The chart looks like this:
  
 
<center>[[File:P60-12_23_1-60-(3)-11222016.png]]</center>
 
<center>[[File:P60-12_23_1-60-(3)-11222016.png]]</center>
Line 41: Line 41:
 
::i) For illustration, we’ve selected white as the background color for the '''text column''' area.
 
::i) For illustration, we’ve selected white as the background color for the '''text column''' area.
 
::ii) Select the '''color''' and then click '''OK''' on the '''Edit Row properties''' form.
 
::ii) Select the '''color''' and then click '''OK''' on the '''Edit Row properties''' form.
::iii) After this step is completed, the project view looks like this:
+
::iii) After this step is completed, the chart looks like this:
  
 
<center>[[File:P60-12_23_1-60-(5)-11222016.png]]</center>
 
<center>[[File:P60-12_23_1-60-(5)-11222016.png]]</center>
Line 48: Line 48:
 
===Swimlane Stripes===
 
===Swimlane Stripes===
  
2) To '''Zebra stripe''' at the '''swimlane''' level, the process is similar to the '''Row Stripes''' process described above except that the '''Swimlane Stripes''' radio button is selected. For illustration, the following project view has '''swimlane stripes''' applied (which includes the '''swimlane label'''):
+
2) To '''Zebra stripe''' at the '''swimlane''' level, the process is similar to the '''Row Stripes''' process described above except that the '''Swimlane Stripes''' radio button is selected. For illustration, the following chart has '''swimlane stripes''' applied (which includes the '''swimlane label'''):
  
 
<center>[[File:P60-12_23_1-60-(6)-11222016.png]]</center>
 
<center>[[File:P60-12_23_1-60-(6)-11222016.png]]</center>
Line 55: Line 55:
 
==Note==
 
==Note==
  
1) In the project view above, where '''swimlane stripes''' are applied and both '''swimlane labels''' and '''text columns''' are displayed, the '''swimlane stripes''' are applied to the appropriate '''text columns'''.
+
1) In the chart above, where '''swimlane stripes''' are applied and both '''swimlane labels''' and '''text columns''' are displayed, the '''swimlane stripes''' are applied to the appropriate '''text columns'''.
  
 
===Row and Swimlane Stripes with Multi-Page Output===
 
===Row and Swimlane Stripes with Multi-Page Output===
Line 61: Line 61:
 
2)  '''Zebra striping''' in multi-page outputs is handled sequentially from top to bottom using first '''Color1''' and then '''Color2''' alternatively.  Since horizontal page breaks can be at the '''row or swimlane''' level, OnePager continues the '''striping''' of alternative colors from page to page honoring the '''page breaks'''.  
 
2)  '''Zebra striping''' in multi-page outputs is handled sequentially from top to bottom using first '''Color1''' and then '''Color2''' alternatively.  Since horizontal page breaks can be at the '''row or swimlane''' level, OnePager continues the '''striping''' of alternative colors from page to page honoring the '''page breaks'''.  
  
:a) Here’s an example of '''swimlane zebra stripes''' in a multi-page project view:
+
:a) Here’s an example of '''swimlane zebra stripes''' in a multi-page chart:
  
 
<center>[[File:P60-12_23_1-60-(7)-11222016.png]]</center>
 
<center>[[File:P60-12_23_1-60-(7)-11222016.png]]</center>
 
<center>P60-12_23_1-60-(7)-11222016.png</center>
 
<center>P60-12_23_1-60-(7)-11222016.png</center>
  
:b) Here’s an example of '''row zebra stripes''' in a multi-page project view:
+
:b) Here’s an example of '''row zebra stripes''' in a multi-page chart:
  
 
<center>[[File:P60-12_23_1-60-(8)-11222016.png]]</center>
 
<center>[[File:P60-12_23_1-60-(8)-11222016.png]]</center>
 
<center>P60-12_23_1-60-(8)-11222016.png</center>
 
<center>P60-12_23_1-60-(8)-11222016.png</center>
  
:c)  For more information on '''multi-page outputs''', please the articles at this link:  [[Creating Multi-Page Project Views with Version 7.0 (Portal) | Creating Multi-Page Project Views (Portal)]]. 8.6.1-70
+
:c)  For more information on '''multi-page outputs''', please the articles at this link:  [[Creating Multi-Page Charts with Version 7.0 (Portal) | Creating Multi-Page Charts (Portal)]]. 8.6.1-70
  
 
(12.23.1-70)
 
(12.23.1-70)
  
 
[[Category:Version 7.0]]
 
[[Category:Version 7.0]]
[[Category:Project Views]]
+
[[Category:Charts]]
 
[[Category:Templates]]
 
[[Category:Templates]]
[[Category:Project-View Properties Form]]
+
[[Category:Chart Properties Form]]
[[Category:Editing a Project View]]
+
[[Category:Editing a Chart]]
 
[[Category:Rows and Swimlanes]]
 
[[Category:Rows and Swimlanes]]
 
[[Category:Rows]]
 
[[Category:Rows]]

Revision as of 19:01, 25 February 2019

About Zebra Striping

1) OnePager Pro (OPP) lets you stripe the background colors for rows or swimlanes and the respective text columns and label areas.

2) The controls are in the Main tab of the Chart Properties and of the Template Properties forms.

3) The controls consist of two radio buttons and the selection of the desired alternating colors.

Example

1) Let’s look at an existing chart as an example and apply Zebra stripes to both rows and swimlanes. The following is a chart where we have multiple projects and have eliminated all background color:

P60-12 23 1-60-(1)-11222016.png
P60-12_23_1-60-(1)-11222016.png

2) OnePager applies alternate row or swimlane stripes from the bottom most row/swimlane to the top.

a) It starts the stripes in the bottom most row/swimlane with Color 2 alternating to Color 1 in that fashion until the top most row/swimlane is finished.
b) If rows or swimlanes are changed in any way by manually moving them up or down, splitting them, merging them, or through re-configuring rows and swimlanes by changing the Microsoft Project field driving the configuration, OnePager automatically re-stripes the chart from bottom to top starting with Color 2 as previously described.

Row Stripes

1) To Zebra stripe rows, go to the Chart Properties form by clicking the Chart Properties button on the Home ribbon. Then go to the Main tab as shown below:

P61-12 23 1-61-(2AA-1)-11282018.png
P61-12_23_1-61-(2AA-1)-11282018.png
a) In the form above, select the Row stripes radio button and select two colors, Color 1 and Color 2 from the available color palettes.
b) Click Apply to make the change and keep the form visible or click OK to make the change and close the form. The chart looks like this:
P60-12 23 1-60-(3)-11222016.png
P60-12_23_1-60-(3)-11222016.png
c) If you don't desire the text columns to be included in the row striping operation, manually select all text columns. Then right-click and select the Properties command to access Edit Row properties form as shown below:
P60-12 23 1-60-(4)-11222016.png
P60-12_23_1-60-(4)-11222016.png
i) For illustration, we’ve selected white as the background color for the text column area.
ii) Select the color and then click OK on the Edit Row properties form.
iii) After this step is completed, the chart looks like this:
P60-12 23 1-60-(5)-11222016.png
P60-12_23_1-60-(5)-11222016.png

Swimlane Stripes

2) To Zebra stripe at the swimlane level, the process is similar to the Row Stripes process described above except that the Swimlane Stripes radio button is selected. For illustration, the following chart has swimlane stripes applied (which includes the swimlane label):

P60-12 23 1-60-(6)-11222016.png
P60-12_23_1-60-(6)-11222016.png

Note

1) In the chart above, where swimlane stripes are applied and both swimlane labels and text columns are displayed, the swimlane stripes are applied to the appropriate text columns.

Row and Swimlane Stripes with Multi-Page Output

2) Zebra striping in multi-page outputs is handled sequentially from top to bottom using first Color1 and then Color2 alternatively. Since horizontal page breaks can be at the row or swimlane level, OnePager continues the striping of alternative colors from page to page honoring the page breaks.

a) Here’s an example of swimlane zebra stripes in a multi-page chart:
P60-12 23 1-60-(7)-11222016.png
P60-12_23_1-60-(7)-11222016.png
b) Here’s an example of row zebra stripes in a multi-page chart:
P60-12 23 1-60-(8)-11222016.png
P60-12_23_1-60-(8)-11222016.png
c) For more information on multi-page outputs, please the articles at this link: Creating Multi-Page Charts (Portal). 8.6.1-70

(12.23.1-70)