Difference between revisions of "TEMPxx1"

From OnePager Documentation
Jump to: navigation, search
(Introduction to Zebra Striping in OnePager)
(Introduction to Zebra Striping in OnePager)
Line 1: Line 1:
 
==Introduction to Zebra Striping in OnePager==
 
==Introduction to Zebra Striping in OnePager==
{| class="wikitable"
+
{| class="wikitable" style="font-size: 125%"
 
| This article describes OnePager’s operation for both OnePager Pro and OnePager Express.  Illustrations used in the article are from OnePager Pro but the controls and manual edits apply equally to OnePager Express.
 
| This article describes OnePager’s operation for both OnePager Pro and OnePager Express.  Illustrations used in the article are from OnePager Pro but the controls and manual edits apply equally to OnePager Express.
 
|}
 
|}

Revision as of 17:41, 1 February 2021

Introduction to Zebra Striping in OnePager

This article describes OnePager’s operation for both OnePager Pro and OnePager Express. Illustrations used in the article are from OnePager Pro but the controls and manual edits apply equally to OnePager Express.

Overview

When OnePager charts consist of many rows with task bars/milestone symbols closely spaced within the rows, it may be difficult for your audience to focus on a particular row and its task bars without confusing the intended focus with nearby rows and task bars. This can be remedied manually by adding blank/empty rows to vertically space task bars from another. This solution does lead to increasing the vertical height of the document and may further hinder the focus necessary to achieve the chart’s goals and objectives.

OnePager provides an alternative means for visually achieving vertical separation between rows and swimlanes – zebra striping. Zebra striping OnePager charts can be done between rows or at any one of the three swimlane levels defined and shown in the chart. Here are an example of a chart with row zebra striping:

P70-12 24 1-(1)-08182020.png

With row zebra striping, both the defined and shown text column cells in the rows and the row portion in the graph area are zebra striped. To avoid hindering the visibility of the task bars/milestone symbols in the row and any associated decorations such as baselines, deadlines, and endpoints, the row zebra striping is ordered behind the task bars/milestone symbols and their decorations.

Using the Left#2 swimlane level defined and shown in the above illustration, we can zebra stripe the Left#2 swimlane level as shown here:

P70-12 24 1-(2)-08182020.png

The decision to use or not use either row or swimlane zebra striping should be determined by your goals and objectives for the schedule discussion presentation being prepare and that of the audience as well. The controls for row zebra striping and swimlane level zebra striping are located in the Template Properties and Chart Properties form’s Main tab’s Color control group’s Chart Background sub-control group as shown here for the Chart Properties form:

P70-12 24 1-(3)-08182020.png

Within the Chart Background sub-control group are three controls, two for accessing the standard OnePager Color Chooser form for establishing the alternating colors for the zebra striping and the Chart fill pattern: dropdown list for selecting the options available for setting the chart’s Background color or colors. The Color 1 and Color 2 dropdowns for accessing the standard OnePager Color Chooser forms provide the controls for selecting the colors that alternate between rows or swimlanes in the chart.

The Chart fill pattern: dropdown list is shown below:

P70-12 24 1-(4)-08182020.png

In the illustration above, the Chart fill pattern: dropdown list includes Row stripes and the three levels of swimlane level stripes. The list is modified based on the number of swimlane levels to include only those swimlane levels that are defined for the chart. Swimlane levels are defined in the Rows/Swimlanes tab.

There are five additional Chart fill patterns available in the dropdown list: Solid, Top to bottom, Bottom to top, Left to right, and Right to left.

These five Chart fill patterns are covered in the section below at this link: Using Other Color Chart Fill Patterns in OnePager Pro Charts

For more information on defining swimlane levels and text columns, please see the articles at the links shown below:

Creating, Formatting, and Sorting Swimlanes Levels
Creating and Formatting Text Columns

As an example, if only the Left#1 and Left#3 swimlane levels are defined and shown in the chart, the list only includes the Left#1 and Left#3 swimlane stripes entries along with Row stripes entry and the other entries shown above the Row stripes entry as shown here:

P70-12 24 1-(4A)-08212020.png

Clicking either the Color 1 or Color 2 dropdown button accesses the standard OnePager Color Chooser form as shown here for Color 2:

P70-12 24 1-(5)-08182020.png

This article describes the controls for creating and editing zebra striping in the chart for rows and swimlane levels. In addition, this article provides information on the control and management of output media where the chart contains row and/or swimlane zebra stripes.

Creating and Editing Row Zebra Stripes in a OnePager Pro Chart

When a OnePager chart is configured with row zebra stripes it typically looks like this:

P70-12 24 1-(1)-08182020.png

As a convention, the row zebra striping includes the unhidden rows and any text column cells defined and shown in the chart as shown in the illustration above.

Creating Row Zebra Stripes

To create simple row zebra stripes, access the Chart Properties form by clicking the Chart Properties button on the OnePager Home ribbon tool bar as shown in the illustration below and navigate to the Main tab and the Chart Background sub-control group:

P70-12 24 1-(6)-08192020.png

For this example, the starting conditions have both the Color 1 and the Color 2 settings set to No fill and the Chart fill pattern: is set to Solid so that no colors or shading are shown in the chart’s graph area in the illustration above. Next, go to the Chart fill pattern: dropdown list and select the Row stipes option. Then, click the Color 1 dropdown to access the standard OnePager Color Chooser form and select a color. Do the same for the Color 2 dropdown to access the Color Chooser form again and select a color.

In the illustration below Color 1 is set to a light shade of red and Color 2 is set of a light shade of blue as shown below before applying the changes to the chart:

P70-12 24 1-(7)-08192020.png

When you click the Apply or OK button in the Chart Properties form, the chart is reconfigured to look like this:

P70-12 24 1-(8)-08192020.png

To clarify how OnePager applies the row zebra striping, OnePager uses the Color 2 color starting on the bottom most row and alternates to Color 1 on the next row up and so on until the top row is reached. To illustrate this, if we return to the Chart Properties form’s Main tab and reverse the colors selected for Color 1 and Color 2, the new reconfigured chart looks like this:

P70-12 24 1-(9)-08192020.png

Editing Rows with Zebra Stripes

Rows and text column cells can be edited regardless of whether rows are zebra striped or not.

For more information on editing row properties, please see the article at: Editing Row Properties

Adding a Row

If you add a blank/empty row to the chart, OnePager maintains the row zebra striping as specified in the Chart Properties form by including the added row as part of the scheme, assuming no maverick row colors are contained in the chart. As an example, the chart below has a blank/empty row added below the Engineering Team 2 Development task bar and applied to the chart configuration just above:

P70-12 24 1-(10)-08192020.png

In the chart illustrated above, OnePager maintains the arrangement of alternating color row zebra stripes starting with Color 2 at the bottom most row and working upward alternating colors between Color 2 and Color 1 until the top most row is zebra striped.

Hiding a Row

If we return to the original chart, and hide the row with the Engineering Team 2 Development task bar, OnePager again maintains the same alternating color scheme from the bottom most row to the top most row in the chart as shown here after the designated row is hidden:

P70-12 24 1-(11)-08192020.png

1The above chart maintains the row zebra striping scheme after the row is hidden.

Hiding a Swimlane

In a similar way, hiding a swimlane level cell containing multiple rows is just an extension of the above example. In the chart below the Integration & Testing Left#2 swimlane level cell and its four member rows are hidden. After the swimlane level cell and its rows are hidden, the reconfigured chart looks like this when compared to the chart’s starting configuration:

P70-12 24 1-(12)-08192020.png

Other Row Edits

OnePager attempts to maintain the specified row zebra striping scheme when other row edits are applied in the Chart Editor such as (1) Adding a swimlane, (2) Splitting swimlanes, (3) Grouping rows into swimlanes, (4) Adding a row to a swimlane, (5) Making each row into a swimlane, and (6) Merging swimlanes.

For more information on the row edits mentioned above, please see the articles at links given below:

Adding a Row or Swimlane
Splitting Swimlanes
Grouping Rows into Swimlanes
Adding a Row to a Swimlane
Making Each Row into a Swimlane
Merging Swimlanes

Mavericking A Row Background Color

Returning to the starting configuration of the chart with row zebra stripes, if we maverick a row’s Background color, that mavericked Background color is retained no matter how the rows in the chart may be manipulated as described in the previous examples.

To show this, suppose we maverick the Background color of the row with the Engineering Team 2 Development task bar such that the new Background color for the row and its associated text column cells are yellow as shown here:

P70-12 24 1-(13)-08192020.png

To complete the example, if we now add a blank/empty row below the row containing the Internal Performance Validation task bar, the chart is reconfigured to look like this:

P70-12 24 1-(14)-08192020.png

While the row zebra striping scheme may cause a change around the row with the maverick Background color, the row zebra striping scheme is maintained for the chart. Moving rows up and down in the chart using the row drag and drop method does not alter the overall row zebra striping scheme.

For more information on moving rows up and down in the chart, please see the article at: Moving Rows

Creating and Editing Swimlane Level Zebra Stripes in a OnePager Pro Chart

When our example OnePager chart is configured with Left#2 swimlane level zebra stripes it looks like this:

P70-12 24 1-(15)-08202020.png

In the chart illustrated above, we’ve hidden the top and bottom row borders leaving the top and bottom swimlane borders unhidden at all swimlane levels to better focus on the Left#2 swimlane level zebra striping scheme. As a convention, the swimlane level zebra stripes includes the unhidden swimlanes and any swimlane level cells defined and shown in the chart as shown in the illustration above.

Creating Swimlane Level Zebra Stripes

To create simple swimlane level zebra stripes, open the Chart Properties form by clicking the Chart Properties button on the OnePager Home ribbon tool bar as shown in the illustration below and navigate to the Main tab and the Chart Background sub-control group:

P70-12 24 1-(6)-08192020.png

For this example, the starting conditions have both the Color 1 and the Color 2 settings set to No fill and the Chart fill pattern: is set to Solid so that no colors or shading are shown in the graph area of the chart in the illustration above. Next, go to the Chart fill pattern: dropdown list and select the Left#2 swimlane stipes option. Then, click the Color 1 dropdown to access the standard OnePager Color Chooser form and select a color. Do the same for the Color 2 dropdown to access the Color Chooser form again and select a color.

In the illustration below Color 1 is set to a light shade of red and Color 2 is set of a light shade of blue as shown below before applying the changes to the chart:

P70-12 24 1-(16)-08202020.png

When you click the Apply or OK button in the Chart Properties form, the chart is reconfigured to look like this:

P70-12 24 1-(17)-08202020.png

In the above illustration, the Left#2 swimlane level is involved in the swimlane level zebra striping scheme. To enhance the above illustration further, only the top and bottom Left#2 swimlane level borders are showing and all other swimlane level and row top and bottom borders are hidden. To clarify how OnePager applies the swimlane level zebra striping, OnePager uses the Color 2 color starting at the bottom most swimlane and alternates to Color 1 on the next swimlane up and so on until the top swimlane is reached.

To illustrate this, if we return to the Chart Properties form’s Main tab and reverse the colors selected for Color 1 and Color 2, the new reconfigured chart looks like this:

P70-12 24 1-(18)-08202020.png

Editing Swimlane Levels with Zebra Stripes

In most cases, swimlanes and swimlane level cells can be edited regardless of whether swimlane levels are zebra striped or not.

For more information on editing swimlane properties, please see the article at: Editing Swimlane Properties

Adding a Swimlane

If you add a blank/empty swimlane to the chart, OnePager maintains the swimlane level zebra striping scheme as specified in the Chart Properties form by including the added swimlane as part of the scheme, assuming no maverick swimlane colors are contained in the chart. As an example, the chart below has a blank/empty swimlane added below the Left#2 Planning Swimlane and applied to the chart configuration just above:

P70-12 24 1-(19)-08202020.png

In the chart illustrated above, OnePager maintains the arrangement of alternating color swimlane level zebra stripes starting with Color 2 at the bottom most swimlane and working upward alternating colors between Color 2 and Color 1 until the top most swimlane is zebra striped.

Hiding a Swimlane

If we return to the original chart, and hide the Left#2 Integration & Testing swimlane, OnePager again maintains the same alternating color scheme from the bottom most swimlane to the top most swimlane in the chart as shown here after the designated Left#2 Integration & Testing swimlane is hidden:

P70-12 24 1-(20)-08202020.png

The above chart maintains it proper swimlane level zebra striping scheme after the swimlane is hidden.

Hiding a Row within a Swimlane

When swimlane levels are zebra striped, the striping is at the swimlane level and rows within the swimlane levels come along for the ride so to speak. Hiding a row in any swimlane in a chart where swimlane level zebra striping is specified decreases the height of the swimlane without making any change to the swimlane level zebra striping scheme.

For more information on hiding and unhiding rows and swimlanes, please see the article at: Hiding and Unhiding Rows and Swimlanes

Other Swimlane Edits

OnePager attempts to maintain the specified swimlane level zebra striping when other row and swimlane edits are applied in the Chart Editor such as (1) Adding a swimlane, (2) Splitting swimlanes, (3) Grouping rows into swimlanes, (4) Adding a row to a swimlane, (5) Making each row into a swimlane (right-most swimlane level only), and (6) Merging swimlanes.

For more information on the row edits mentioned above, please see the respective articles at links given below:

Adding a Row or Swimlane
Splitting Swimlanes
Grouping Rows into Swimlanes
Adding a Row to a Swimlane
Making Each Row into a Swimlane
Merging Swimlanes

Mavericking A Swimlane Level Background Color

Returning to the starting configuration of the chart with Left#2 swimlane level zebra stripes, if we maverick the swimlanes Background color, that mavericked Background color is retained no matter how the swimlanes in the chart may be manipulated as described in previous examples. To show this, suppose we maverick the Background color of the Left#2 Integration & Testing swimlane such that the new Background color for the swimlane and its member lower swimlane levels, text column cells, and rows are yellow as shown here:

P70-12 24 1-(21)-08202020.png

To complete the example, if we now add a blank/empty Left#2 swimlane level below the Left#2 Integration & Testing swimlane, the chart is reconfigured to look like this:

P70-12 24 1-(22)-08202020.png

While the swimlane level zebra striping scheme may cause a change around the swimlane with the maverick Background color, the swimlane level zebra striping scheme is maintained for the chart. Moving swimlanes up and down in the chart (at any of the three swimlane levels) using the swimlane drag and drop method does not alter the overall swimlane level zebra striping scheme.

For more information on moving swimlane up and down in the chart, please see the article at: Moving Swimlanes

Using Other Color Chart Fill Patterns in OnePager Pro Charts

In addition to the row zebra striping and the three swimlane level zebra striping schemes, there are five other Chart fill patterns: options available for use as described in this section.

Solid Color Option for the Graph Area

The Solid Chart fill pattern: uses only Color 1 to put a solid color into the graph area only as shown below:

P70-12 24 1-(23)-08202020.png

The Solid Chart fill pattern: option does not Background color either text column cells or any swimlane level cells defined and showing in the chart. The Color 2 dropdown list is ignored using the Solid Chart fill pattern: option. Rows and swimlanes can be edited within the Chart Editor in most any manner and unchanged rows and swimlanes retain the selected Solid Chart fill pattern: as demonstrated in the two previous sections of this article for row zebra striping and swimlane level zebra striping.

Top to Bottom Color Option for the Graph Area

The Top to Bottom Chart fill pattern: option uses both Color 1 and Color 2 to show a transition of color in the graph area from Color 1 at the top of the graph area to Color 2 at the bottom of the graph area as shown dramatically in the illustration below:

P70-12 24 1-(24)-08202020.png

The Top to Bottom Chart fill pattern: option does not involve either text column cells or any swimlane level cells defined and showing in the chart. Color 1 and Color 2 choice are both used in the Top to Bottom Chart fill pattern: option. Rows and swimlanes can be edited within the Chart Editor in most any manner and unchanged rows and swimlanes retain the selected Top to Bottom Chart fill pattern: as demonstrated in the two previous sections of this article for row zebra striping and swimlane level zebra striping.

Bottom to Top Color Option for the Graph Area

The Bottom to Top Chart fill pattern: option uses both Color 1 and Color 2 to show a transition of color in the graph area from Color 2 at the top of the graph area to Color 1 at the bottom of the graph area as shown in the illustration below:

P70-12 24 1-(25)-08202020.png

The Bottom to Top Chart fill pattern: option does not involve either text column cells or any swimlane level cells defined and showing in the chart. Color 1 and Color 2 choice are both used in the Bottom to Top Chart fill pattern: option. Rows and swimlanes can be edited within the Chart Editor in most any manner and unchanged rows and swimlanes retain the selected Top to Bottom Chart fill pattern: as demonstrated in the two previous sections of this article for row zebra striping and swimlane level zebra striping.

Left to Right Color Option for the Graph Area

The Left to Right Chart fill pattern: option uses both Color 1 and Color 2 to show a transition of color in the graph area from Color 1 at the left of the graph area to Color 2 at the right of the graph area as shown in the illustration below:

P70-12 24 1-(26)-08202020.png

The settings in the Chart Properties form’s Main tab for the Left to Right Chart fill pattern: for the above illustration are shown here:

P70-12 24 1-(27)-08202020.png

The Left to Right Chart fill pattern: option does not involve either text column cells or any swimlane level cells defined and showing in the chart. Color 1 and Color 2 choice are both used in the Left to Right Chart fill pattern: option. Rows and swimlanes can be edited within the Chart Editor in most any manner and unchanged rows and swimlanes retain the selected Left to Right Chart fill pattern: as demonstrated in the two previous sections of this article for row zebra striping and swimlane level zebra striping.

Right to Left Color Option for the Graph Area

The Right to Left Chart fill pattern: option uses both Color 1 and Color 2 to show a transition of color in the graph area from Color 1 at the right of the graph area to Color 2 at the left of the graph area as shown in the illustration below:

P70-12 24 1-(28)-08202020.png

The settings in the Chart Properties form’s Main tab for the Right to Left Chart fill pattern: for the above illustration are shown here:

P70-12 24 1-(29)-08202020.png

The Right to Left Chart fill pattern: option does not involve either text column cells or any swimlane level cells defined and showing in the chart. Color 1 and Color 2 choice are both used in the Right to Left Chart fill pattern: option. Rows and swimlanes can be edited within the Chart Editor in most any manner and unchanged rows and swimlanes retain the selected Right to Left Chart fill pattern: as demonstrated in the two previous sections of this article for row zebra striping and swimlane level zebra striping.


Related Links

Manual Editing Task/Milestone Shapes and Text Labels (Portal)

Creating and Editing Rows and Swimlanes (Portal)

About OnePager's Rows and Swimlanes

Collecting, Formatting, and Sorting Task/Milestones into Rows

Creating, Formatting, and Sorting Swimlanes Levels

Creating and Formatting Text Columns

Row and Swimlane Borders

Editing Text Columns or Swimlane Labels

Manually Hiding and Unhiding Swimlane Levels

Resizing the Width of Text Columns and Swimlanes

Moving Rows

Moving Swimlanes

Resizing the Height of Rows

Hiding and Unhiding Rows and Swimlanes

Adding a Row or Swimlane

Adding a Row to a Swimlane

Making Each Row into a Swimlane

Merging Swimlanes

Editing Swimlane Properties

Zebra Striping for Rows and Swimlanes for OnePager Express

Editing with the Chart Properties form (Portal)

Managing Templates (Portal)

(12.24.1-70)