Difference between revisions of "Row and Swimlane Borders for Version 7.0"

From OnePager Documentation
Jump to: navigation, search
Line 1: Line 1:
 +
=Row and Swimlane Borders for Version 7.0 (P70-12_04_1-70-07072020.docx)=
 +
 
==Overview==
 
==Overview==
  
1) Row and swimlane '''borders''' can be changed individually or by modifying the global default.
+
1) The '''creation''', '''formatting''', '''sorting''', and '''editing''' of '''rows''', '''swimlane levels''', and '''text columns''' was covered in the three articles in this series shown below:
  
2) Row and swimlane '''border controls''' can be accessed by clicking the '''Show row borders''' or '''Show swimlane borders''' checkbox at the bottom of the '''Rows & Swimlanes''' tab of the '''Chart Properties''' form shown below:
+
:* [[Collecting, Formatting, and Sorting Task/Milestones into Rows for Version 7.0 | Collecting, Formatting, and Sorting Task/Milestones into Rows]] 12.01.1-70
  
<center>[[File:P60-12_7_1-60-(1)-02152017.png]]</center>
+
:* [[Creating, Formatting, and Sorting Swimlanes Levels for Version 7.0 | Creating, Formatting, and Sorting Swimlanes Levels]] 12.02.1-70
<center>P60-12_7_1-60-(1)-02152017.png</center>
+
  
==Row and Swimlane Border Controls==
+
:* [[Creating and Formatting Text Columns for Version 7.0 | Creating and Formatting Text Columns]] 12.03.1-70
  
1) In the event that both row and swimlane '''borders''' are turned on, swimlane '''borders''' overrides row '''borders''' whenever they overlap (e.g. between swimlanes).
+
2) While these articles mentioned the topic of '''borders '''for '''rows '''and '''swimlanes''', they do not go into any depth while referring to this article.
  
2) Checking the '''Show row borders''' or '''Show swimlane borders''' checkbox causes OnePager to show the default borders.  
+
3) The purpose here is to cover the set of controls you have at your disposal to '''manage row and swimlane borders''' in the chart to include '''showing and hiding''' them, changing their '''visual properties''', and avoiding certain complications arising from the sharing of '''borders '''between '''adjacent rows and swimlanes'''.
  
3) You can '''edit''' the '''borders''' by clicking the '''Format borders…''' button on the right side of the '''Borders''' group of the '''Rows & Swimlanes''' tab. Activating this button displays the tabbed '''Set line properties''' form shown below:
+
4) Unlike other control subjects in OnePager, '''borders''' for '''rows''' and '''swimlanes''' are not all located in one form but are positioned as close as possible to the '''graphic elements''' they support.
  
<center>[[File:P52-12_7-(2)-06022015.png]]</center>
+
5) This article describes '''row '''and '''swimlane border''' controls for '''global creation''', '''showing/hiding''', and '''editing '''and the techniques for manually '''editing row '''and '''swimlane borders '''in the chart.
  
4) Select the '''Row borders''' tab to access the controls to set '''global''' row '''borders''' and the '''Swimlane borders''' tab controls '''global''' swimlane '''border''' settings. There are four controls in this tab as follows:
+
6) Topics related to the '''management of row borders''' are addressed first followed by the topics related to the '''management of swimlane borders'''.
  
===Line Color===
+
7) Lastly, a brief discussion on '''manual editing row''' and '''swimlane borders''' in the '''Chart Editor''' is provided.
  
:a) Clicking the '''Line color''' dropdown list shows the active '''Color Chooser''' form where you can select a '''color''' for the '''borders'''. You can change '''color palettes''' using the control in the '''Color Chooser''' dropdown list itself:
+
==Managing Row Borders in the Chart Properties Form==
  
<center>[[File:P52-12_7-(3)-06022015.png]]</center>
+
1) '''Global row border '''controls are found in the '''Template Properties '''and '''Chart Properties '''form’s '''Rows/Swimlanes '''tab in the top most '''Rows '''control group.
  
===Line Width===
+
2) The controls for '''managing row borders''' in these forms are identical so this article uses the '''Chart Properties '''form for the discussion and examples assuming that the charts used in the examples were created with the '''Template Properties '''form oriented toward Gantt chart layouts.
  
:b) The width of the '''border''' line in '''font points''' (1/72nd of an inch) can be changed by using the selection window in the '''Line width''' control.
+
3) The controls that apply to Gantt chart layouts apply equally well to '''Timeline '''layout charts containing '''rows''' and '''swimlanes''' either at a '''single swimlane level''' or '''multiple swimlane levels'''.
  
<center>[[File:P52-12_7-(2)-06022015.png]]</center>
+
===The Row Formatting Form in the Chart Properties Form’s Rows/Swimlanes Tab’s Rows Control Group===
  
===Dash Type===
+
4) Accessing the '''Chart Properties '''form from the OnePager’s '''Home '''ribbon tool bar tab and navigating to the '''Rows/Swimlanes '''tab and its '''Rows '''control group there is a '''Row Border Formatting…''' button in the middle of the control group.
  
:c) There are five '''dash types''' as shown below:
+
5) Clicking the '''Row Border Formatting… '''button accesses the '''Row Formatting '''form shown below:
  
<center>[[File:P52-12_7-(4)-06022015.png]]</center>
+
<center>[[File:P70-12_04_1-(1)-07022020.png]]</center>
 +
<center>P70-12_04_1-(1)-07022020.png</center>
  
===Border Type===
+
6) For most OnePager distributed '''Template Properties''' forms, the '''default setting for row borders '''are that they are '''hidden'''.
  
:d) You have the option to apply the '''line color''', '''line width''', and '''dash type''' to both the upper and lower '''border''' of the row or swimlane; to just the upper '''border'''; or to just the lower '''border''' by selecting one of the three options for the '''Border type''' shown below:
+
7) As shown in the illustration above, the '''Show Row Borders''' checkbox in the '''Row Formatting '''form is checked '''OFF '''for this '''default setting'''.
  
<center>[[File:P52-10_7-(5)-06022015.png]]</center>
+
8) To '''show all row borders''', the '''Show Row Borders '''checkbox must be checked '''ON''' which also '''enables''' the remaining controls in the form as shown below:
  
4) Click the '''OK''' button to activate the selections and return to the '''Rows & Swimlanes''' tab or click '''Cancel''' to immediately return to the '''Rows & Swimlanes''' tab without making any '''border''' selections.
+
<center>[[File:P70-12_04_1-(2)-07022020.png]]</center>
 +
<center>P70-12_04_1-(2)-07022020.png</center>
  
(12.7.1-70)
+
9) There are three '''enabled '''controls in the above form for setting the '''line color '''of the '''row borders '''in the chart, setting the '''width '''of the '''row border lines''', and specifying the '''dash type''' for the '''row border lines'''.
 +
 
 +
10) Clicking the '''Color:''' dropdown window’s button accesses the OnePager standard '''Color Chooser''' form for selected the desired '''color '''for all '''row borders''' as shown here:
 +
 
 +
<center>[[File:P70-12_04_1-(3)-07022020.png]]</center>
 +
<center>P70-12_04_1-(3)-07022020.png</center>
 +
 
 +
11) The '''Width:''' dial operates the same way other '''width '''dials operate in OnePager where '''valid values''' must be '''positive''' and range between '''1.0 and 20.0'''.
 +
 
 +
12) Recall that the '''Width: '''setting applies to '''all row borders''' in the chart such that excessively '''wide row border settings''' may not have the desired visual effect.
 +
 
 +
13) Since '''row borders '''are used to separate '''rows''' in the chart, their '''width''' can be used to highlight separation between '''rows''' of interest.
 +
 
 +
14) The '''Dash:''' dropdown provides four options for configuring  all '''row borders '''in the chart including the '''solid line''', '''dash line''', a '''dash-dot''', and a '''dash-dot-dot''' as shown below:
 +
 
 +
<center>[[File:P70-12_04_1-(4)-07022020.png]]</center>
 +
<center>P70-12_04_1-(4)-07022020.png</center>
 +
 
 +
===Row Border Formatting - Examples===
 +
 
 +
15) For some examples, we can look at a series of '''row border edits''' starting from the chart below with no '''row or swimlane borders''' but with the '''rows '''in the '''graph''' is '''zebra striped''':
 +
 
 +
<center>[[File:P70-12_04_1-(5)-07022020.png]]</center>
 +
<center>P70-12_04_1-(5)-07022020.png</center>
 +
 
 +
16) If we update the '''Row Border Formatting''' form to '''show row borders '''and show them in green with a '''width '''of '''2.0''' using the '''dash-dot-dot dash type''', the chart looks like this:
 +
 
 +
<center>[[File:P70-12_04_1-(6)-07062020.png]]</center>
 +
<center>P70-12_04_1-(6)-07062020.png</center>
 +
 
 +
17) The illustration above shows the '''row borders '''as intended: (1) green '''color''', (2) '''width 2.0''', and (3) '''dash-dot-dot dash type'''.
 +
 
 +
18) The '''row borders '''extend out of the '''graph area '''to the left and include top and bottom '''row borders '''for all '''showing text columns''' in the chart.
 +
 
 +
19) Finally, '''row borders '''do not include the top or bottom '''lines''' that make up the '''Inner Frame''' of the chart.
 +
 
 +
20) Hiding the two '''text column '''modifies the chart as shown below:
 +
 
 +
<center>[[File:P70-12_04_1-(7)-07022020.png]]</center>
 +
<center>P70-12_04_1-(7)-07022020.png</center>
 +
 
 +
21) The '''Row Borders Formatting''' form can be used at any time to '''edit all row borders '''in the chart.
 +
 
 +
22) '''Row borders '''are '''snapshot-independent''' meaning that the last '''row border '''configuration established for the chart appears in all snapshots.  That is, the '''row borders '''do not change from snapshot to snapshot.
 +
 
 +
==Managing Swimlane Level Borders in the Chart Properties Form==
 +
 
 +
1) Like '''global row border '''controls, '''global swimlane level '''controls are found in the '''Template Properties '''and '''Chart Properties '''form’s '''Rows/Swimlanes '''tab in the middle '''Swimlanes '''control group.
 +
 
 +
2) The controls for '''managing swimlane borders''' in these forms are identical so this article uses the '''Chart Properties '''form for the discussion and examples assuming that the charts used in the examples were created with the '''Template Properties '''form oriented toward Gantt chart layouts.
 +
 
 +
3) The controls that apply to Gantt chart layouts apply equally well to '''Timeline '''layout charts containing '''rows''' and '''swimlanes''' either at a '''single swimlane level''' or '''multiple swimlane levels'''.
 +
 
 +
===The Swimlane Formatting – Left#n Form in the Chart Properties Form’s Rows/Swimlanes Tab’s Swimlanes Control Group===
 +
 
 +
4) Because there are '''three swimlane levels''' available, '''borders''' for each '''swimlane level''' can be managed separately for each '''swimlane level'''.
 +
 
 +
5) Like '''row borders''' in the '''graph area''', the controls for '''managing each swimlane level’s borders '''are found in the '''Swimlane Formatting – Left#n '''form accessed by clicking the '''Swimlane Formatting… '''button in the '''Swimlanes '''control group of the '''Chart Properties '''form’s '''Rows/Swimlanes '''tab.
 +
 
 +
6) Accessing the '''Chart Properties '''form from the OnePager’s '''Home '''ribbon tool bar tab and navigating to the '''Rows/Swimlanes '''tab and its '''Swimlanes '''control group there is a '''Swimlane Formatting…''' button.
 +
 
 +
7) Clicking the '''Swimlane Formatting… '''button accesses the '''Swimlane Formatting – Left#1 '''form as shown in the example below for the '''Left#1 swimlane level''':
 +
 
 +
<center>[[File:P70-12_04_1-(8)-07022020.png]]</center>
 +
<center>P70-12_04_1-(8)-07022020.png</center>
 +
 
 +
8) For most OnePager distributed '''Template Properties''' forms, the '''default setting for all swimlane level borders '''are that they are '''hidden'''.
 +
 
 +
9) As shown in the illustration above, the '''Show Borders''' checkbox in the '''Row Formatting '''form is checked '''OFF '''for this '''default setting'''.
 +
 
 +
10) To '''show swimlane borders '''for a specific '''swimlane level''', the '''Show Borders '''checkbox in the corresponding '''Swimlane Formatting – Left#n '''form must be checked '''ON''' which also '''enables''' the remaining controls in the form as shown below:
 +
 
 +
<center>[[File:P70-12_04_1-(9)-07022020.png]]</center>
 +
<center>P70-12_04_1-(9)-07022020.png</center>
 +
 
 +
11) There are three '''enabled '''controls in the above form for setting the '''line color '''of the '''row borders '''in the chart, setting the '''width '''of the '''row border lines''', and specifying the '''dash type''' for the '''row border lines'''.
 +
 
 +
12) The details for these controls are covered in the previous sub-section at: [[Row and Swimlane Borders for Version 7.0#The Row Formatting Form in the Chart Properties Form’s Rows/Swimlanes Tab’s Rows Control Group | The Row Formatting Form in the Chart Properties Form’s Rows/Swimlanes Tab’s Rows Control Group]] 12.04.1-70
 +
 
 +
===Swimlane Level Border Formatting - Examples===
 +
 
 +
13) We can look at a series of illustrations for '''swimlane level border edits''' starting from the chart below with no '''row or swimlane borders''' but with the '''Left#1 swimlane level '''in the '''graph''' is '''zebra striped''':
 +
 
 +
<center>[[File:P70-12_04_1-(10)-07022020.png]]</center>
 +
<center>P70-12_04_1-(10)-07022020.png</center>
 +
 
 +
14) The above illustration shows that the '''zebra striping '''of the '''Left#1 swimlane level ''' is helpful but to highlight the chart better we can first place '''swimlane level borders''' for the '''Left#1 swimlane level''' in the chart by resetting the appropriate controls in the '''Swimlane Formatting – Left#1 '''form to have '''Left#1 swimlane borders '''that are '''colored''' red, with a '''width''' of '''2.0''', and a '''dash type ''' of '''dashed''' as shown below:
 +
 
 +
<center>[[File:P70-12_04_1-(11-1)-07072020.png]]</center>
 +
<center>P70-12_04_1-(11-1)-07072020.png</center>
 +
 
 +
15) For the purpose of keeping the series of examples simple, and avoiding the matter of '''shared swimlane level borders''', the next example show the chart  with '''Left#2 zebra striping '''and with only '''swimlane level borders '''for the '''Left#2 swimlane level '''where the '''colored''' green, with a line '''width 2.0''', and a '''dash type '''of '''dash-dot''':
 +
 
 +
<center>[[File:P70-12_04_1-(12-1)-07072020.png]]</center>
 +
<center>P70-12_04_1-(12-1)-07072020.png</center>
 +
 
 +
16) And finally for the '''Left#3 swimlane level''', the illustration below is configured with '''Left#3 zebra striping''', the '''Left#3 swimlane level borders '''are '''colored '''blue,''' '''with a line '''width''' of '''2.0''', and a '''dash type '''of '''solid''':
 +
 
 +
<center>[[File:P70-12_04_1-(13)-07022020.png]]</center>
 +
<center>P70-12_04_1-(13)-07022020.png</center>
 +
 
 +
17) The examples and illustrations above show how '''swimlane level borders '''appear when shown in the chart individually and without any '''row borders''' showing. 
 +
 
 +
18) As mentioned earlier and seen in the above examples, there is a potential for '''overlapping swimlane level borders''' when more than one '''swimlane level '''has its '''Show borders '''checkbox checked '''ON''' and its '''swimlane level borders''' configured with distinct '''colors''', line '''widths''', and '''dash types'''.
 +
 
 +
==Managing Row and Multiple Swimlane Level Borders in the Chart ==
 +
 
 +
1) With multiple '''swimlane levels''' potentially showing in the chart, there is the potential for '''row '''and '''swimlane level borders '''to share the same space in the '''graph''', that is, '''overlap'''.
 +
 
 +
2) Displaying '''row''' and '''multiple swimlane level borders''', therefore, may not result in a '''pleasing visual experience''' for your audience and may distract for your schedule presentation’s goals and objectives.
 +
 
 +
3) Accordingly, we recommend that employing difference '''colors''', line '''widths''', and '''dash types''' with '''rows''' and '''multiple swimlane levels''' in the chart be approached with some thought, care, and experimentation to assure you achieve the '''desired visual effects'''.
 +
 
 +
==Manual Editing Row and Swimlane Borders==
 +
 
 +
1) The previous sub-sections covered the controls for '''managing row''' and '''swimlane borders''' that are available in the '''Template Properties''' and '''Chart Properties''' forms.
 +
 
 +
2) From the '''Chart Editor''' you also have access to '''context menus''' that access forms and controls for '''managing row''' and '''swimlane borders'''.
 +
 
 +
===Manual Editing Row and Text Column Cell Borders===
 +
 
 +
3) Right-clicking in a '''text column cell''' accesses the '''text column '''right-click '''context menu''' shown below with its '''Properties…''' command where you can '''manage individual row borders''':
 +
 
 +
<center>[[File:P70-12_04_1-(14)-07062020.png]]</center>
 +
<center>P70-12_04_1-(14)-07062020.png</center>
 +
 
 +
4) When you click the '''Properties … '''command in the above right-click '''context menu''', you access the '''Row/Column Properties '''form at the '''Row ''' tab as shown here:
 +
 
 +
<center>[[File:P70-12_04_1-(15-1)-07072020.png]]</center>
 +
<center>P70-12_04_1-(15-1)-07072020.png</center>
 +
 
 +
5) The '''Row''' tab of the '''Row/Column Properties''' form has the controls '''managing the top and bottom borders''' of the selected '''row''' as well as controls for '''editing''' the '''background color '''of the selected '''row'''.
 +
 
 +
6) The '''Cell '''tab contains the controls available for '''formatting''' the selected '''text column cell’s text string''', '''Font properties''', '''Alignment''', '''Cell Background Color''', and '''Text Rotation''' as shown below:
 +
 
 +
<center>[[File:P70-12_04_1-(16-1)-07072020.png]]</center>
 +
<center>P70-12_04_1-(16-1)-07072020.png</center>
 +
 
 +
7) These two '''Row/Column Properties '''form’s tabs have the same controls available for '''row''' and '''text column cell''' '''editing''' on a selected '''row''' or '''text column cell''' basis as those controls available in the '''Template Properties''' and '''Chart Properties''' form’s '''Rows/Swimlanes '''tab.
 +
 
 +
8) For a more complete discussion of all the '''text column '''right-click '''context menu''' commands available, please see the article at: [[Editing Row Properties for Version 7.0 | Editing Row Properties]] 12.22.1-70.
 +
 
 +
===Manual Editing Swimlanes and Swimlane Level Cell Borders===
 +
 
 +
9) Right-clicking in a '''swimlane level cell''' accesses the '''swimlane level '''right-click '''context menu''' shown below with its '''Properties…''' command where you can '''manage individual swimlane level borders''':
 +
 
 +
<center>[[File:P70-12_04_1-(17)-07062020.png]]</center>
 +
<center>P70-12_04_1-(17)-07062020.png</center>
 +
 
 +
10) When you click the '''Properties … '''command in the above right-click '''context menu''' you access the '''Swimlane/Cell Properties '''form at the '''Swimlane '''tab as shown here:
 +
 
 +
<center>[[File:P70-12_04_1-(18)-07062020.png]]</center>
 +
<center>P70-12_04_1-(18)-07062020.png</center>
 +
 
 +
11) The '''Swimlane''' tab of the '''Swimlane/Cell Properties''' form has the controls '''managing the top and bottom borders''' of the selected '''swimlane''' as well as controls for '''editing''' the '''background color '''of the selected '''swimlane'''.
 +
 
 +
12) The '''Cell '''tab contains the controls available for '''formatting''' the selected '''swimlane level cell’s text string''', '''Font properties''', '''Alignment''', '''Cell Background Color''', and '''Text Rotation''' as shown below:
 +
 
 +
<center>[[File:P70-12_04_1-(19)-07062020.png]]</center>
 +
<center>P70-12_04_1-(19)-07062020.png</center>
 +
 
 +
13) These two '''Swimlane/Cell Properties '''form’s tabs have the same controls available for '''swimlane''' and '''swimlane level cell''' '''editing''' on a selected '''swimlane''' or '''swimlane level cell''' basis as those controls available in the '''Template Properties''' and '''Chart Properties''' form’s '''Rows/Swimlanes '''tab.
 +
 
 +
14) For a more complete discussion of all the '''swimlane level cell '''right-click '''context menu''' commands available, please see the article at: [[Editing Swimlane Properties for Version 7.0 | Editing Swimlane Properties]] 12.23.1-70.
 +
 
 +
==Related Links==
 +
 
 +
[[Basic Workflows for Version 7.0 (Portal) | Basic Workflows (Portal)]] 7.0.1-70
 +
 
 +
[[Manual Editing Task/Milestone Shapes and Text Labels for Version 7.0 (Portal) | Manual Editing Task/Milestone Shapes and Text Labels (Portal)]] 9.0.1-70
 +
 
 +
[[Creating and Editing Rows and Swimlanes for Version 7.0 (Portal) | Creating and Editing Rows and Swimlanes (Portal)]] 12.0.1-70
 +
 
 +
[[Collecting, Formatting, and Sorting Task/Milestones into Rows for Version 7.0 | Collecting, Formatting, and Sorting Task/Milestones into Rows]] 12.01.1-70
 +
 
 +
[[Creating, Formatting, and Sorting Swimlanes Levels for Version 7.0 | Creating, Formatting, and Sorting Swimlanes Levels]] 12.02.1-70
 +
 
 +
[[Creating and Formatting Text Columns for Version 7.0 | Creating and Formatting Text Columns]] 12.03.1-70
 +
 
 +
[[Editing Text Columns or Swimlane Labels for Version 7.0 | Editing Text Columns or Swimlane Labels]] 12.3.1-70
 +
 
 +
[[Editing Row Properties for Version 7.0 | Editing Row Properties]] 12.22.1-70
 +
 
 +
[[Editing Swimlane Properties for Version 7.0 | Editing Swimlane Properties]] 12.23.1-70
 +
 
 +
[[Zebra Striping for Rows and Swimlanes for OnePager Pro for Version 7.0 | Zebra Striping for Rows and Swimlanes for OnePager Pro]] 12.24.1-70
 +
 
 +
[[Zebra Striping for Rows and Swimlanes for OnePager Express for Version 7.0 | Zebra Striping for Rows and Swimlanes for OnePager Express]] 12.24.2-70
 +
 
 +
[[Editing with the Chart Properties form for Version 7.0 (Portal) | Editing with the Chart Properties form (Portal)]] 21.0.1-70
 +
 
 +
[[Managing Templates for Version 7.0 (Portal) | Managing Templates (Portal)]] 24.0.1-70
 +
 
 +
[[Microsoft Project Fields Available to OnePager Pro for Version 7.0 | Microsoft Project Fields Available to OnePager Pro]] 29.0.1-70
 +
 
 +
(12.04.1-70)
  
 
[[Category:Version 7.0]]
 
[[Category:Version 7.0]]
 +
 
[[Category:Charts]]
 
[[Category:Charts]]
 +
 
[[Category:Templates]]
 
[[Category:Templates]]
 +
 
[[Category:Chart Properties Form]]
 
[[Category:Chart Properties Form]]
[[Category:Editing the Chart]]
+
 
 +
[[Category:Ribbon]]
 +
 
 +
[[Category:Editing a Chart]]
 +
 
 +
[[Category:OnePager - Tool Bar]]
 +
 
 
[[Category:Task/Milestone Editing]]
 
[[Category:Task/Milestone Editing]]
 +
 
[[Category:Rows and Swimlanes]]
 
[[Category:Rows and Swimlanes]]
 +
 +
[[Category:Multiple Swimlane Levels]]
 +
 +
[[Category:Text Columns]]
 +
 +
[[Category:Swimlane Labels]]
 +
 
[[Category:Row/Swimlane Borders]]
 
[[Category:Row/Swimlane Borders]]
[[Category:Mavericks]]
+
 
 +
[[Category:Labels]]
 +
 
 +
[[Category:Task/Milestone Name Label Collision Avoidance]]
 +
 
 +
[[Category:Snapshots]]
 +
 
 +
[[Category:Snapshot Dependent/Independent]]
 +
 
 +
[[Category:Row Stripes]]
 +
 
 +
[[Category:Swimlane Stripes]]
 +
 
 
[[Category:OnePager Pro]]
 
[[Category:OnePager Pro]]
 +
 
[[Category:OnePager Express]]
 
[[Category:OnePager Express]]

Revision as of 20:19, 7 July 2020

Row and Swimlane Borders for Version 7.0 (P70-12_04_1-70-07072020.docx)

Overview

1) The creation, formatting, sorting, and editing of rows, swimlane levels, and text columns was covered in the three articles in this series shown below:

2) While these articles mentioned the topic of borders for rows and swimlanes, they do not go into any depth while referring to this article.

3) The purpose here is to cover the set of controls you have at your disposal to manage row and swimlane borders in the chart to include showing and hiding them, changing their visual properties, and avoiding certain complications arising from the sharing of borders between adjacent rows and swimlanes.

4) Unlike other control subjects in OnePager, borders for rows and swimlanes are not all located in one form but are positioned as close as possible to the graphic elements they support.

5) This article describes row and swimlane border controls for global creation, showing/hiding, and editing and the techniques for manually editing row and swimlane borders in the chart.

6) Topics related to the management of row borders are addressed first followed by the topics related to the management of swimlane borders.

7) Lastly, a brief discussion on manual editing row and swimlane borders in the Chart Editor is provided.

Managing Row Borders in the Chart Properties Form

1) Global row border controls are found in the Template Properties and Chart Properties form’s Rows/Swimlanes tab in the top most Rows control group.

2) The controls for managing row borders in these forms are identical so this article uses the Chart Properties form for the discussion and examples assuming that the charts used in the examples were created with the Template Properties form oriented toward Gantt chart layouts.

3) The controls that apply to Gantt chart layouts apply equally well to Timeline layout charts containing rows and swimlanes either at a single swimlane level or multiple swimlane levels.

The Row Formatting Form in the Chart Properties Form’s Rows/Swimlanes Tab’s Rows Control Group

4) Accessing the Chart Properties form from the OnePager’s Home ribbon tool bar tab and navigating to the Rows/Swimlanes tab and its Rows control group there is a Row Border Formatting… button in the middle of the control group.

5) Clicking the Row Border Formatting… button accesses the Row Formatting form shown below:

P70-12 04 1-(1)-07022020.png
P70-12_04_1-(1)-07022020.png

6) For most OnePager distributed Template Properties forms, the default setting for row borders are that they are hidden.

7) As shown in the illustration above, the Show Row Borders checkbox in the Row Formatting form is checked OFF for this default setting.

8) To show all row borders, the Show Row Borders checkbox must be checked ON which also enables the remaining controls in the form as shown below:

P70-12 04 1-(2)-07022020.png
P70-12_04_1-(2)-07022020.png

9) There are three enabled controls in the above form for setting the line color of the row borders in the chart, setting the width of the row border lines, and specifying the dash type for the row border lines.

10) Clicking the Color: dropdown window’s button accesses the OnePager standard Color Chooser form for selected the desired color for all row borders as shown here:

P70-12 04 1-(3)-07022020.png
P70-12_04_1-(3)-07022020.png

11) The Width: dial operates the same way other width dials operate in OnePager where valid values must be positive and range between 1.0 and 20.0.

12) Recall that the Width: setting applies to all row borders in the chart such that excessively wide row border settings may not have the desired visual effect.

13) Since row borders are used to separate rows in the chart, their width can be used to highlight separation between rows of interest.

14) The Dash: dropdown provides four options for configuring all row borders in the chart including the solid line, dash line, a dash-dot, and a dash-dot-dot as shown below:

P70-12 04 1-(4)-07022020.png
P70-12_04_1-(4)-07022020.png

Row Border Formatting - Examples

15) For some examples, we can look at a series of row border edits starting from the chart below with no row or swimlane borders but with the rows in the graph is zebra striped:

P70-12 04 1-(5)-07022020.png
P70-12_04_1-(5)-07022020.png

16) If we update the Row Border Formatting form to show row borders and show them in green with a width of 2.0 using the dash-dot-dot dash type, the chart looks like this:

P70-12 04 1-(6)-07062020.png
P70-12_04_1-(6)-07062020.png

17) The illustration above shows the row borders as intended: (1) green color, (2) width 2.0, and (3) dash-dot-dot dash type.

18) The row borders extend out of the graph area to the left and include top and bottom row borders for all showing text columns in the chart.

19) Finally, row borders do not include the top or bottom lines that make up the Inner Frame of the chart.

20) Hiding the two text column modifies the chart as shown below:

P70-12 04 1-(7)-07022020.png
P70-12_04_1-(7)-07022020.png

21) The Row Borders Formatting form can be used at any time to edit all row borders in the chart.

22) Row borders are snapshot-independent meaning that the last row border configuration established for the chart appears in all snapshots. That is, the row borders do not change from snapshot to snapshot.

Managing Swimlane Level Borders in the Chart Properties Form

1) Like global row border controls, global swimlane level controls are found in the Template Properties and Chart Properties form’s Rows/Swimlanes tab in the middle Swimlanes control group.

2) The controls for managing swimlane borders in these forms are identical so this article uses the Chart Properties form for the discussion and examples assuming that the charts used in the examples were created with the Template Properties form oriented toward Gantt chart layouts.

3) The controls that apply to Gantt chart layouts apply equally well to Timeline layout charts containing rows and swimlanes either at a single swimlane level or multiple swimlane levels.

The Swimlane Formatting – Left#n Form in the Chart Properties Form’s Rows/Swimlanes Tab’s Swimlanes Control Group

4) Because there are three swimlane levels available, borders for each swimlane level can be managed separately for each swimlane level.

5) Like row borders in the graph area, the controls for managing each swimlane level’s borders are found in the Swimlane Formatting – Left#n form accessed by clicking the Swimlane Formatting… button in the Swimlanes control group of the Chart Properties form’s Rows/Swimlanes tab.

6) Accessing the Chart Properties form from the OnePager’s Home ribbon tool bar tab and navigating to the Rows/Swimlanes tab and its Swimlanes control group there is a Swimlane Formatting… button.

7) Clicking the Swimlane Formatting… button accesses the Swimlane Formatting – Left#1 form as shown in the example below for the Left#1 swimlane level:

P70-12 04 1-(8)-07022020.png
P70-12_04_1-(8)-07022020.png

8) For most OnePager distributed Template Properties forms, the default setting for all swimlane level borders are that they are hidden.

9) As shown in the illustration above, the Show Borders checkbox in the Row Formatting form is checked OFF for this default setting.

10) To show swimlane borders for a specific swimlane level, the Show Borders checkbox in the corresponding Swimlane Formatting – Left#n form must be checked ON which also enables the remaining controls in the form as shown below:

P70-12 04 1-(9)-07022020.png
P70-12_04_1-(9)-07022020.png

11) There are three enabled controls in the above form for setting the line color of the row borders in the chart, setting the width of the row border lines, and specifying the dash type for the row border lines.

12) The details for these controls are covered in the previous sub-section at: The Row Formatting Form in the Chart Properties Form’s Rows/Swimlanes Tab’s Rows Control Group 12.04.1-70

Swimlane Level Border Formatting - Examples

13) We can look at a series of illustrations for swimlane level border edits starting from the chart below with no row or swimlane borders but with the Left#1 swimlane level in the graph is zebra striped:

P70-12 04 1-(10)-07022020.png
P70-12_04_1-(10)-07022020.png

14) The above illustration shows that the zebra striping of the Left#1 swimlane level is helpful but to highlight the chart better we can first place swimlane level borders for the Left#1 swimlane level in the chart by resetting the appropriate controls in the Swimlane Formatting – Left#1 form to have Left#1 swimlane borders that are colored red, with a width of 2.0, and a dash type of dashed as shown below:

P70-12 04 1-(11-1)-07072020.png
P70-12_04_1-(11-1)-07072020.png

15) For the purpose of keeping the series of examples simple, and avoiding the matter of shared swimlane level borders, the next example show the chart with Left#2 zebra striping and with only swimlane level borders for the Left#2 swimlane level where the colored green, with a line width 2.0, and a dash type of dash-dot:

P70-12 04 1-(12-1)-07072020.png
P70-12_04_1-(12-1)-07072020.png

16) And finally for the Left#3 swimlane level, the illustration below is configured with Left#3 zebra striping, the Left#3 swimlane level borders are colored blue, with a line width of 2.0, and a dash type of solid:

P70-12 04 1-(13)-07022020.png
P70-12_04_1-(13)-07022020.png

17) The examples and illustrations above show how swimlane level borders appear when shown in the chart individually and without any row borders showing.

18) As mentioned earlier and seen in the above examples, there is a potential for overlapping swimlane level borders when more than one swimlane level has its Show borders checkbox checked ON and its swimlane level borders configured with distinct colors, line widths, and dash types.

Managing Row and Multiple Swimlane Level Borders in the Chart

1) With multiple swimlane levels potentially showing in the chart, there is the potential for row and swimlane level borders to share the same space in the graph, that is, overlap.

2) Displaying row and multiple swimlane level borders, therefore, may not result in a pleasing visual experience for your audience and may distract for your schedule presentation’s goals and objectives.

3) Accordingly, we recommend that employing difference colors, line widths, and dash types with rows and multiple swimlane levels in the chart be approached with some thought, care, and experimentation to assure you achieve the desired visual effects.

Manual Editing Row and Swimlane Borders

1) The previous sub-sections covered the controls for managing row and swimlane borders that are available in the Template Properties and Chart Properties forms.

2) From the Chart Editor you also have access to context menus that access forms and controls for managing row and swimlane borders.

Manual Editing Row and Text Column Cell Borders

3) Right-clicking in a text column cell accesses the text column right-click context menu shown below with its Properties… command where you can manage individual row borders:

File:P70-12 04 1-(14)-07062020.png
P70-12_04_1-(14)-07062020.png

4) When you click the Properties … command in the above right-click context menu, you access the Row/Column Properties form at the Row tab as shown here:

File:P70-12 04 1-(15-1)-07072020.png
P70-12_04_1-(15-1)-07072020.png

5) The Row tab of the Row/Column Properties form has the controls managing the top and bottom borders of the selected row as well as controls for editing the background color of the selected row.

6) The Cell tab contains the controls available for formatting the selected text column cell’s text string, Font properties, Alignment, Cell Background Color, and Text Rotation as shown below:

File:P70-12 04 1-(16-1)-07072020.png
P70-12_04_1-(16-1)-07072020.png

7) These two Row/Column Properties form’s tabs have the same controls available for row and text column cell editing on a selected row or text column cell basis as those controls available in the Template Properties and Chart Properties form’s Rows/Swimlanes tab.

8) For a more complete discussion of all the text column right-click context menu commands available, please see the article at: Editing Row Properties 12.22.1-70.

Manual Editing Swimlanes and Swimlane Level Cell Borders

9) Right-clicking in a swimlane level cell accesses the swimlane level right-click context menu shown below with its Properties… command where you can manage individual swimlane level borders:

File:P70-12 04 1-(17)-07062020.png
P70-12_04_1-(17)-07062020.png

10) When you click the Properties … command in the above right-click context menu you access the Swimlane/Cell Properties form at the Swimlane tab as shown here:

File:P70-12 04 1-(18)-07062020.png
P70-12_04_1-(18)-07062020.png

11) The Swimlane tab of the Swimlane/Cell Properties form has the controls managing the top and bottom borders of the selected swimlane as well as controls for editing the background color of the selected swimlane.

12) The Cell tab contains the controls available for formatting the selected swimlane level cell’s text string, Font properties, Alignment, Cell Background Color, and Text Rotation as shown below:

File:P70-12 04 1-(19)-07062020.png
P70-12_04_1-(19)-07062020.png

13) These two Swimlane/Cell Properties form’s tabs have the same controls available for swimlane and swimlane level cell editing on a selected swimlane or swimlane level cell basis as those controls available in the Template Properties and Chart Properties form’s Rows/Swimlanes tab.

14) For a more complete discussion of all the swimlane level cell right-click context menu commands available, please see the article at: Editing Swimlane Properties 12.23.1-70.

Related Links

Basic Workflows (Portal) 7.0.1-70

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

Creating and Editing Rows and Swimlanes (Portal) 12.0.1-70

Collecting, Formatting, and Sorting Task/Milestones into Rows 12.01.1-70

Creating, Formatting, and Sorting Swimlanes Levels 12.02.1-70

Creating and Formatting Text Columns 12.03.1-70

Editing Text Columns or Swimlane Labels 12.3.1-70

Editing Row Properties 12.22.1-70

Editing Swimlane Properties 12.23.1-70

Zebra Striping for Rows and Swimlanes for OnePager Pro 12.24.1-70

Zebra Striping for Rows and Swimlanes for OnePager Express 12.24.2-70

Editing with the Chart Properties form (Portal) 21.0.1-70

Managing Templates (Portal) 24.0.1-70

Microsoft Project Fields Available to OnePager Pro 29.0.1-70

(12.04.1-70)