Difference between revisions of "Resizing the Width of Text Columns and Swimlanes for Version 7.0"

From OnePager Documentation
Jump to: navigation, search
(Resizing the Width of Text Columns and Swimlane Labels)
(Related Links)
 
(45 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 
==Overview==
 
==Overview==
  
1) On occasion '''swimlane level cell''' and '''text column cells''' may contain '''text strings''' or '''values''' that are too '''wide''' to clearly fit in the '''horizontal space''' available.
+
On occasion '''swimlane level cell''' and '''text column cells''' may contain '''text strings''' or '''values''' that are too '''wide''' to clearly fit in the '''horizontal space''' available.  Th1s may happen because the swimlane cell''' and '''text column cell widths''' are too narrow.  More common, is the occurrence where '''source plan data fields imported''' into OnePager contain information that does not fit in the '''horizontal space''' available.  Where these occurrences are known prior to creating a OnePager chart, you have the option in the '''Template Properties''' form to set the '''widths''' of '''swimlane cells''' and '''text column cells''' before a chart is created.
  
2) The may happen because the '''Template Properties''' form being used has established '''swimlane cell''' and '''text column cell widths''' that are too narrow.
+
Additionally, once a chart is created, there are controls in the '''Chart Properties''' form for '''globally''' adjusting the '''widths''' of '''swimlane cells''' and '''text column cells''' after chart creation.  Finally, there are manual '''editing''' techniques available to adjust these same '''swimlane cells''' and '''text column cells widths''' using your mouse in the '''Chart Editor'''.
  
3) More common, is the occurrence where '''source plan data fields imported''' into OnePager contain information that does not fit in the '''horizontal space''' available.
+
This article covers the '''global''' adjustment of '''swimlane cells''' and '''text column cells widths''' using the controls in the '''Chart Properties''' form.  Since the controls in the '''Template Properties''' form are exactly the same as those in the '''Chart Properties''' form, only the controls in the '''Chart Properties''' form are discussed.  This article also covers how to adjust the '''widths''' of '''swimlane cells''' and '''text column cells''' in the '''Chart Editor'''.
  
4) Where these occurrences are know prior to creating a OnePager chart, you have the option in the '''Template Properties''' form to set the '''widths''' of '''swimlane cells''' and '''text column cells''' before a chart is created.
+
==Globally Adjusting the Width of Text Columns or Swimlane Levels==
  
5) Additionally, once a chart is created, there are controls in the '''Chart Properties''' form for '''globally''' adjusting the '''widths''' of '''swimlane cells''' and '''text column cells''' after chart creation.
+
The '''Chart Properties''' form's '''Rows/Swimlanes''' tab's '''Swimlanes''' and '''Text Columns''' control groups have identical '''controls''' for adjusting '''swimlane cells''' and '''text column cells widths'''  as shown here:
 
+
6) Finally, there are manual '''editing''' techniques available to adjust these same '''swimlane cells''' and '''text column cells widths''' using your mouse in the '''Chart Editor'''.
+
 
+
7) This article covers the '''global''' adjustment of '''swimlane cells''' and '''text column cells widths''' using the controls in the '''Chart Properties''' form.  Since the controls in the '''Template Properties''' form are exactly the same as those in the '''Chart Properties''' form, only the controls in the '''Chart Properties''' form are discussed.
+
 
+
8) This article also covers how to adjust the '''widths''' of '''swimlane cells''' and '''text column cells''' in the '''Chart Editor'''.
+
 
+
===Globally Adjusting the Width of Text Columns or Swimlane Levels===
+
 
+
1) The '''Chart Properties''' form's '''Rows/Swimlanes''' tab's '''Swimlanes''' and '''Text Columns''' control groups have identical '''dial window''' controls for adjusting '''swimlane cells''' and '''text column cells widths'''  as shown here:
+
  
 
<center>[[File:P70-12_8_1-(1)-7082020.png]]</center>
 
<center>[[File:P70-12_8_1-(1)-7082020.png]]</center>
<center>P70-12_8_1-(1)-7082020.png</center>
+
<!--<center>P70-12_8_1-(1)-7082020.png</center>-->
  
====Text Column Width Adjustment in the Chart Properties Form====
+
===Text Column Width Adjustment in the Chart Properties Form===
  
2) Additionally, for your convenience, there is an identical '''text column cell width dial window''' provided in the '''Text-Column Formatting - Left#n''' form for each of the five (5) '''text columns''' as shown below for the '''Left#3 text column''':
+
Additionally, for your convenience, there is an identical '''text column cell width control''' provided in the '''Text-Column Formatting - Left#n''' form for each of the five (5) '''text columns''' as shown below for the '''Left#3 text column''':
  
 
<center>[[File:P70-12_8_1-(2)-7082020.png]]</center>
 
<center>[[File:P70-12_8_1-(2)-7082020.png]]</center>
<center>P70-12_8_1-(2)-7082020.png</center>
+
<!--<center>P70-12_8_1-(2)-7082020.png</center>-->
  
3) This control is useful when working with the '''Text-Column Formatting - Left#n''' form where it might not be convenient to revert back to the '''Chart Properties''' form's '''Rows/Swimlanes''' tab.
+
This control is useful when working with the '''Text-Column Formatting - Left#n''' form where it might not be convenient to revert back to the '''Chart Properties''' form's '''Rows/Swimlanes''' tab.
  
====Swimlane Level Cell Width Adjustment in the Chart Properties Form====
+
===Swimlane Level Cell Width Adjustment in the Chart Properties Form===
  
4) Again, for your convenience, there is an identical '''swimlane level cell width dial window''' provided in the '''Swimlane Formatting - Left#n''' form for each of the three (3) '''swimlane levels''' as shown below for the '''Left#3 text column''':
+
Again, for your convenience, there is an identical '''swimlane level cell width control''' provided in the '''Swimlane Formatting - Left#n''' form for each of the three (3) '''swimlane levels''' as shown below for the '''Left#3 text column''':
  
 
<center>[[File:P70-12_8_1-(3)-7082020.png]]</center>
 
<center>[[File:P70-12_8_1-(3)-7082020.png]]</center>
<center>P70-12_8_1-(3)-7082020.png</center>
+
<!--<center>P70-12_8_1-(3)-7082020.png</center>-->
  
5) Inn a fashion identical to the control in the '''Text-Column Formatting - Left#n''' form, this control is useful when working with the '''Swimlane Formatting - Left#n''' form where it might not be convenient to revert back to the '''Chart Properties''' form's '''Rows/Swimlanes''' tab.
+
In a fashion identical to the control in the '''Text-Column Formatting - Left#n''' form, this control is useful when working with the '''Swimlane Formatting - Left#n''' form where it might not be convenient to revert back to the '''Chart Properties''' form's '''Rows/Swimlanes''' tab.
  
 
===Examples===
 
===Examples===
  
6) The chart below is configured with each '''swimlane level cell''' and each '''text column cell''' set to '''width 0.95''' to show how their contents look in a narrow '''horizontal space''':
+
The chart below is configured with each '''swimlane level cell''' and each '''text column cell''' set to '''width 0.95''' to show how their contents look in a narrow '''horizontal space''':
  
 
<center>[[File:P70-12_8_1-(4)-7082020.png]]</center>
 
<center>[[File:P70-12_8_1-(4)-7082020.png]]</center>
<center>P70-12_8_1-(4)-7082020.png</center>
+
<!--<center>P70-12_8_1-(4)-7082020.png</center>-->
  
7) In the illustration above, two of the '''swimlane levels''' and the single '''text column''' appear to have crowded '''labels'''.
+
In the illustration above, two of the '''swimlane levels''' and the single '''text column''' appear to have crowded '''labels'''.
  
 
====Changing  Swimlane Level Cell Widths - Example====
 
====Changing  Swimlane Level Cell Widths - Example====
  
8) This can be remedied in the '''Chart Properties''' form for the '''Left#2 and Left#3 swimlane level cells''' by using the '''Width dial window''' to increase the value to '''1.50''' as shown below:
+
This can be remedied in the '''Chart Properties''' form for the '''Left#2 and Left#3 swimlane level cells''' by using the '''Width control''' to increase the value to '''1.50''' as shown below:
  
 
<center>[[File:P70-12_8_1-(5)-7082020.png]]</center>
 
<center>[[File:P70-12_8_1-(5)-7082020.png]]</center>
<center>P70-12_8_1-(5)-7082020.png</center>
+
<!--<center>P70-12_8_1-(5)-7082020.png</center>-->
  
9) In a similar manner the '''width of the Left#3 swimlane level cells''' are increased from 0.95 to 1.50 as shown here:
+
In a similar manner the '''width of the Left#3 swimlane level cells''' are increased from 0.95 to 1.50 as shown here:
  
 
<center>[[File:P70-12_8_1-(6)-7082020.png]]</center>
 
<center>[[File:P70-12_8_1-(6)-7082020.png]]</center>
<center>P70-12_8_1-(6)-7082020.png</center>
+
<!--<center>P70-12_8_1-(6)-7082020.png</center>-->
  
 
====Changing Text Column Widths - Example====
 
====Changing Text Column Widths - Example====
  
9) Changing the crowded condition of the '''Left#3 text column cells''' follows similar steps involving the '''Width dial window''' found in the '''Text Columns''' controls group as shown below:
+
Changing the crowded condition of the '''Left#3 text column cells''' follows similar steps involving the '''Width control''' found in the '''Text Columns''' controls group as shown below:
  
 
<center>[[File:P70-12_8_1-(7)-7082020.png]]</center>
 
<center>[[File:P70-12_8_1-(7)-7082020.png]]</center>
<center>P70-12_8_1-(7)-7082020.png</center>
+
<!--<center>P70-12_8_1-(7)-7082020.png</center>-->
  
10) The illustration above show that it was necessary to increase all the '''Left#3 text column cells''' because the contents of the '''source plan's Name field''' for each '''imported''' task required more '''horizontal space''' so the '''width''' was increased to '''3.00'''.
+
The illustration above show that it was necessary to increase all the '''Left#3 text column cells''' because the contents of the '''source plan's Name field''' for each '''imported''' task required more '''horizontal space''' so the '''width''' was increased to '''3.00'''.  The same results can be achieve if, in each of the examples above, the '''Text-Column Formatting - Left#n''' form or the '''Swimlanes Formatting - Left#n''' form is used and their respective '''Width control''' values are changed.
  
11)  The same results can be achieve if, in each of the examples above, the '''Text-Column Formatting - Left#n''' form or the '''Swimlanes Formatting - Left#n''' form is used and their respective '''Width dial window''' values are changed.
+
==Resizing the Width of Text Columns and Swimlane Levels Using Drag and Drop==
  
==Resizing the Width of Text Columns and Swimlane Labels==
+
If you need more '''horizontal space''' for the content in your '''text columns''' or '''swimlane levels''', you can '''resize''' them using '''drag and drop techniques''' with your mouse.  To do this, hover your mouse over the '''vertical edge''' of the target '''text column''' or '''swimlane level cells''' until the '''double-arrow cursor''' appears, then left-click the mouse as shown below for the '''Left#3 text column''':
  
1) If you need more space for the content in your '''text columns''' or '''swimlane levels''', you can '''resize''' them with manual manipulations of your mouse.  
+
<center>[[File:P70-12_8_1-(8)-07092020.png]]</center>
 +
<!--<center>P70-12_8_1-(8)-07092020.png</center>-->
  
2) To do this, hover your mouse over the '''vertical edge''' of the target '''text column''' or '''swimlane level cells''' and left-click the mouse
+
With the left-click button held down, '''drag''' the '''double-arrow''' cursor to the left or right as needed to '''widen''' or make the '''text column narrower''' as shown below where the '''Left#3 text column is widened''':
  
3) With the left-click button held down, '''drag''' it to the left or right:
+
<center>[[File:P70-12_8_1-(9)-07092020.png]]</center>
 +
<!--<center>P70-12_8_1-(9)-07092020.png</center>-->
  
<center>[[File:P61-12_8_1-61-(1)-11022017.png]]</center>
+
When the '''double-arrow''' cursor is '''dragged''' to the desired position, release the left-click button and the selected '''text column's width''' is changed as shown below:
<center>P61-12_8_1-61-(1)-11022017.png</center>
+
  
3) As you '''resize''' the '''cell's width''', the size of your overall OnePager document is adjusted accordingly.
+
<center>[[File:P70-12_8_1-(10)-07092020.png]]</center>
 +
<!--<center>P70-12_8_1-(10)-07092020.png</center>-->
  
4) '''Note''' that there can be an impact on the output formatting for '''multi-page''' charts.
+
As shown in the illustration above, as long as the mouse cursor is hovering over a '''text column''' or '''swimlane level vertical boundary''' the mouse cursor retains the '''double-arrow''' shape.  As you '''resize''' the '''cell's width''', the '''size''' of your overall OnePager chart is adjusted accordingly.
  
==Manually Resizing the Width of Multiple Text Columns==
+
'''Note''' that there can be an impact on the '''output media''' formatting for '''multi-page''' charts.
  
1) When you have multiple '''text columns''' showing in the chart, you can resize their '''width''' individually by using the procedure specified above. 
+
==Resizing the Width of Text Columns and Swimlane Levels Using the Double-Click Method==
  
:a) The '''right border''' of the '''text column''' is used to '''resize''' the width of the '''text column''' to its immediate left.
+
You can quickly '''resize the width''' of a '''text column''' or '''swimlane level''' by positioning the mouse cursor on the '''right border''' of the '''text column''' or '''swimlane level''' and performing a '''double left-click''' with the mouse when the '''double-arrow cursor shape''' appears.
  
:b) Grabbing the '''text column's''' vertical right border and dragging the mouse to the left or right '''resizes''' only that '''text column'''.
+
Suppose we have the chart shown below where the '''swimlane level cell''' contents and '''text column''' content are crowded and you want to '''resize''' these '''columns''' so that the contents fits without changing the '''text font''' as shown below:
  
:c) Any '''text columns''' to the right of the one being '''resized''' is simply moved intact to the right to accommodate the '''resized text column'''.
+
<center>[[File:P70-12_8_1-(11)-07092020.png]]</center>
 +
<!--<center>P70-12_8_1-(11)-07092020.png</center>-->
  
2) The following shows how '''text columns''', for example, can be widened to accommodate the text.
+
===Automatically Resizing the Width of Swimlane Levels===
  
:a)  Here is a chart where the '''text column''' called '''Finish''' has insufficient width to display all the dates correctly:
+
To '''automatically resize the width''' of a '''swimlane level''', place the cursor on the right border of the '''swimlane level''' and '''double-click''' when the '''double arrow cursor shape''' appears.  The result is shown below for the '''Left#2 swimlane level''':
  
<center>[[File:P61-12_8_1-61-(1AA)-11022017.png]]</center>
+
<center>[[File:P70-12_8_1-(12-1)-01132021.png]]</center>
<center>P61-12_8_1-61-(1AA)-11022017.png</center>
+
<!--<center>P70-12_8_1-(12-1)-01132021.png</center>-->
  
:b) By using the mouse left click on the right most border of the '''Finish text column''' and moving to the right we can widen the it to make room for the entire date as shown below:
+
The '''double-click''' tells OnePager to examine all the '''swimlane level cells''' and make the '''width''' of the selected '''swimlane level''' adequate to display the contents of '''all swimlane level cells''' in the selected '''swimlane level''' as shown above.  When this same method is applied to the '''Left#3 swimlane level''' in the above chart, the results look like this:
  
<center>[[File:P61-12_8_1-61-(1BB)-11022017.png]]</center>
+
<center>[[File:P70-12_8_1-(13-1)-01132021.png]]</center>
<center>P61-12_8_1-61-(1BB)-11022017.png</center>
+
<!--<center>P70-12_8_1-(13-1)-01132021.png</center>-->
  
==Automatic Resizing of Swimlanes Labels and Text Columns==
+
===Automatically Resize the Width of Text Columns===
  
1) You can automatically resize the width of a '''swimlane label''' or '''text column''' by positioning the cursor on the right border of the '''swimlane label''' or '''text column''' and performing a double left-click when the '''double arrow''' cursor symbol appears.
+
In a similar way, you can use this method to '''resize the width''' of any '''text columns''' by placing the cursor on its right border as shown below and '''double-clicking''' the mouse when the '''double arrow cursor shape''' appears:
  
2) Suppose we have the chart shown below where the '''swimlane label''' text and '''text column''' text are wrapped and you want to resize these columns so that the text fits without changing the text '''font''':
+
<center>[[File:P70-12_8_1-(14-1)-12112020.png]]</center>
 +
<!--<center>P70-12_8_1-(14-1)-12112020.png</center>-->
  
<center>[[File:P61-12_8_1-61-(2AA)-11022017.png]]</center>
+
==Related Links==
<center>P61-12_8_1-61-(2AA)-11022017.png</center>
+
  
===Automatically Resize Swimlane Label===
+
[[Creating, Formatting, and Sorting Swimlanes Levels for Version 7.0 | Creating, Formatting, and Sorting Swimlanes Levels]] <!--12.02.1-70-->
  
3) To automatically resize the '''swimlane label''', place the cursor on the right border of the swimlane as shown below and double left-click when the '''double arrow''' cursor symbol is displayed:
+
[[Creating and Formatting Text Columns for Version 7.0 | Creating and Formatting Text Columns]] <!--12.03.1-70-->
  
<center>[[File:P61-12_8_1-61-(3)-10022017.png]]</center>
+
[[Row and Swimlane Borders for Version 7.0 | Row and Swimlane Borders]] <!--12.04.1-70-->
<center>P61-12_8_1-61-(3)-10022017.png</center>
+
  
===Automatically Resize An Text Column===
+
[[Editing Text Columns or Swimlane Labels for Version 7.0 | Editing Text Columns or Swimlane Labels]] <!--12.3.1-70-->
  
4) In a similar way, you can resize any additional '''text columns''' by placing the cursor on its right border as shown below and double left-click when the '''double arrow''' cursor symbol is displayed:
+
[[Editing Row Properties for Version 7.0 | Editing Row Properties]] <!--12.22.1-70-->
  
<center>[[File:P61-12_8_1-61-(4)-11022017.png]]</center>
+
[[Editing Swimlane Properties for Version 7.0 | Editing Swimlane Properties]] <!--12.23.1-70-->
<center>P61-12_8_1-61-(4)-11022017.png</center>
+
  
 
(12.8.1-70)
 
(12.8.1-70)
Line 142: Line 133:
 
[[Category:Editing the Chart]]
 
[[Category:Editing the Chart]]
 
[[Category:Rows and Swimlanes]]
 
[[Category:Rows and Swimlanes]]
 +
[[Category:Multiple Swimlane Levels]]
 +
[[Category:Task/Milestone Editing]]
 
[[Category:Labels]]
 
[[Category:Labels]]
 
[[Category:Text Columns]]
 
[[Category:Text Columns]]

Latest revision as of 18:16, 2 March 2021

Overview

On occasion swimlane level cell and text column cells may contain text strings or values that are too wide to clearly fit in the horizontal space available. Th1s may happen because the swimlane cell and text column cell widths are too narrow. More common, is the occurrence where source plan data fields imported into OnePager contain information that does not fit in the horizontal space available. Where these occurrences are known prior to creating a OnePager chart, you have the option in the Template Properties form to set the widths of swimlane cells and text column cells before a chart is created.

Additionally, once a chart is created, there are controls in the Chart Properties form for globally adjusting the widths of swimlane cells and text column cells after chart creation. Finally, there are manual editing techniques available to adjust these same swimlane cells and text column cells widths using your mouse in the Chart Editor.

This article covers the global adjustment of swimlane cells and text column cells widths using the controls in the Chart Properties form. Since the controls in the Template Properties form are exactly the same as those in the Chart Properties form, only the controls in the Chart Properties form are discussed. This article also covers how to adjust the widths of swimlane cells and text column cells in the Chart Editor.

Globally Adjusting the Width of Text Columns or Swimlane Levels

The Chart Properties form's Rows/Swimlanes tab's Swimlanes and Text Columns control groups have identical controls for adjusting swimlane cells and text column cells widths as shown here:

P70-12 8 1-(1)-7082020.png

Text Column Width Adjustment in the Chart Properties Form

Additionally, for your convenience, there is an identical text column cell width control provided in the Text-Column Formatting - Left#n form for each of the five (5) text columns as shown below for the Left#3 text column:

P70-12 8 1-(2)-7082020.png

This control is useful when working with the Text-Column Formatting - Left#n form where it might not be convenient to revert back to the Chart Properties form's Rows/Swimlanes tab.

Swimlane Level Cell Width Adjustment in the Chart Properties Form

Again, for your convenience, there is an identical swimlane level cell width control provided in the Swimlane Formatting - Left#n form for each of the three (3) swimlane levels as shown below for the Left#3 text column:

P70-12 8 1-(3)-7082020.png

In a fashion identical to the control in the Text-Column Formatting - Left#n form, this control is useful when working with the Swimlane Formatting - Left#n form where it might not be convenient to revert back to the Chart Properties form's Rows/Swimlanes tab.

Examples

The chart below is configured with each swimlane level cell and each text column cell set to width 0.95 to show how their contents look in a narrow horizontal space:

P70-12 8 1-(4)-7082020.png

In the illustration above, two of the swimlane levels and the single text column appear to have crowded labels.

Changing Swimlane Level Cell Widths - Example

This can be remedied in the Chart Properties form for the Left#2 and Left#3 swimlane level cells by using the Width control to increase the value to 1.50 as shown below:

P70-12 8 1-(5)-7082020.png

In a similar manner the width of the Left#3 swimlane level cells are increased from 0.95 to 1.50 as shown here:

P70-12 8 1-(6)-7082020.png

Changing Text Column Widths - Example

Changing the crowded condition of the Left#3 text column cells follows similar steps involving the Width control found in the Text Columns controls group as shown below:

P70-12 8 1-(7)-7082020.png

The illustration above show that it was necessary to increase all the Left#3 text column cells because the contents of the source plan's Name field for each imported task required more horizontal space so the width was increased to 3.00. The same results can be achieve if, in each of the examples above, the Text-Column Formatting - Left#n form or the Swimlanes Formatting - Left#n form is used and their respective Width control values are changed.

Resizing the Width of Text Columns and Swimlane Levels Using Drag and Drop

If you need more horizontal space for the content in your text columns or swimlane levels, you can resize them using drag and drop techniques with your mouse. To do this, hover your mouse over the vertical edge of the target text column or swimlane level cells until the double-arrow cursor appears, then left-click the mouse as shown below for the Left#3 text column:

P70-12 8 1-(8)-07092020.png

With the left-click button held down, drag the double-arrow cursor to the left or right as needed to widen or make the text column narrower as shown below where the Left#3 text column is widened:

P70-12 8 1-(9)-07092020.png

When the double-arrow cursor is dragged to the desired position, release the left-click button and the selected text column's width is changed as shown below:

P70-12 8 1-(10)-07092020.png

As shown in the illustration above, as long as the mouse cursor is hovering over a text column or swimlane level vertical boundary the mouse cursor retains the double-arrow shape. As you resize the cell's width, the size of your overall OnePager chart is adjusted accordingly.

Note that there can be an impact on the output media formatting for multi-page charts.

Resizing the Width of Text Columns and Swimlane Levels Using the Double-Click Method

You can quickly resize the width of a text column or swimlane level by positioning the mouse cursor on the right border of the text column or swimlane level and performing a double left-click with the mouse when the double-arrow cursor shape appears.

Suppose we have the chart shown below where the swimlane level cell contents and text column content are crowded and you want to resize these columns so that the contents fits without changing the text font as shown below:

P70-12 8 1-(11)-07092020.png

Automatically Resizing the Width of Swimlane Levels

To automatically resize the width of a swimlane level, place the cursor on the right border of the swimlane level and double-click when the double arrow cursor shape appears. The result is shown below for the Left#2 swimlane level:

P70-12 8 1-(12-1)-01132021.png

The double-click tells OnePager to examine all the swimlane level cells and make the width of the selected swimlane level adequate to display the contents of all swimlane level cells in the selected swimlane level as shown above. When this same method is applied to the Left#3 swimlane level in the above chart, the results look like this:

P70-12 8 1-(13-1)-01132021.png

Automatically Resize the Width of Text Columns

In a similar way, you can use this method to resize the width of any text columns by placing the cursor on its right border as shown below and double-clicking the mouse when the double arrow cursor shape appears:

P70-12 8 1-(14-1)-12112020.png

Related Links

Creating, Formatting, and Sorting Swimlanes Levels

Creating and Formatting Text Columns

Row and Swimlane Borders

Editing Text Columns or Swimlane Labels

Editing Row Properties

Editing Swimlane Properties

(12.8.1-70)