Difference between revisions of "Testing Article1"

From OnePager Documentation
Jump to: navigation, search
Line 1: Line 1:
−
==Overview==
+
==About Moving Rows in the Chart==
  
−
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.
+
For some schedule presentations the '''order of rows''' in the chart done by OnePager may not be totally sufficient to meet your needs.  '''Rows''' can be manually '''moved up and down''' in the chart by selecting the appropriate '''text column cell''' of the desired '''row''' and, once selected, using the mouse '''drag and drop method''' on the selected '''row''' to place it in the desired position.
  
−
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'''.
+
OnePager provides assistance by '''highlighting the selected row''' first and as the selected '''row''' is '''dragged up or down''' providing a '''red line with a pointer''' to tell you where the '''dragged row''' is to be '''dropped (placed''' at the end of the operation.  Finally, releasing the mouse left-click button causes OnePager to place the selected '''row''' in the designed or '''dropped''' position.
  
−
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'''.
+
You must have at least one '''text column showing''' in the chart so that you have a '''text column cell''' to use in the procedure described above.  '''Only one row''' can be moved at a time.  To move '''two or more rows''' to new positions, the operations must be done separately. If there are multiple '''text columns showing''' in the chart, any of these '''text columns''' in the '''row to be moved''' can be used to perform the '''drag and drop'''. All '''text column cells in the row''' are '''moved''' with the '''row''' at the end of the operation.
  
−
==Globally Adjusting the Width of Text Columns or Swimlane Levels==
+
'''Rows''' can be '''moved within a swimlane level''' or '''moved between swimlane levels'''. '''Moving a row''' makes the '''row''' into a '''row maverick'''.
  
−
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:
+
==Moving Rows In the Chart - Example==
  
−
<center>[[File:P70-12_8_1-(1)-7082020.png]]</center>
+
===Selecting a Row to Move===
−
<!--<center>P70-12_8_1-(1)-7082020.png</center>-->
+
  
−
===Text Column Width Adjustment in the Chart Properties Form===
+
To '''move a row within its swimlane level''', select the desired '''row''' by clicking in one of its '''text column cells''' as shown below:
  
−
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_9_1-(1-3)-07092020.png]]</center>
 +
<!--<center>P70-12_9_1-(1-3)-07092020.png</center>-->
  
−
<center>[[File:P70-12_8_1-(2)-7082020.png]]</center>
+
You can also select the '''row''' by using the '''double-left-click''' to '''highlight''' one of the '''row's text column cells''' as shown here:
−
<!--<center>P70-12_8_1-(2)-7082020.png</center>-->
+
  
−
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.
+
<center>[[File:P70-12_9_1-(2)-07092020.png]]</center>
 +
<!--<center>P70-12_9_1-(2)-07092020.png</center>-->
  
−
===Swimlane Level Cell Width Adjustment in the Chart Properties Form===
+
With the '''row''' selected, movement of the mouse '''up or down''' causes OnePager to show a '''highlight red line''' indicating the direction the mouse is moving and where the selected '''row''' will be placed if the mouse left-click button is released.
  
−
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''':
+
===Moving a Row Down===
  
−
<center>[[File:P70-12_8_1-(3)-7082020.png]]</center>
+
Below is an example where a '''row''' is selected and the mouse is moved '''slightly down''':
−
<!--<center>P70-12_8_1-(3)-7082020.png</center>-->
+
  
−
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.
+
<center>[[File:P70-12_9_1-(3)-07092020.png]]</center>
 +
<!--<center>P70-12_9_1-(3)-07092020.png</center>-->
  
−
===Examples===
+
If the mouse with the left-click button held down is moved '''down further''' the '''highlighted red line''' moves with it  and indicated where the selected '''row''' will be placed if the mouse left-click button were released at that position as shown here:
  
−
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_9_1-(4)-07092020.png]]</center>
 +
<!--<center>P70-12_9_1-(4)-07092020.png</center>-->
  
−
<center>[[File:P70-12_8_1-(4)-7082020.png]]</center>
+
When the mouse left-click button is released in the position shown above, OnePager moves the selected '''row''' to that position as shown below:
−
<!--<center>P70-12_8_1-(4)-7082020.png</center>-->
+
  
−
In the illustration above, two of the '''swimlane levels''' and the single '''text column''' appear to have crowded '''labels'''.
+
<center>[[File:P70-12_9_1-(5)-07092020.png]]</center>
 +
<!--<center>P70-12_9_1-(5)-07092020.png</center>-->
  
−
====Changing  Swimlane Level Cell Widths - Example====
+
===Interpretation of the Key on the Highlighted Red Line===
  
−
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:
+
The '''key''' displayed on the left side of the '''highlighted red line''' can point '''up''' as shown above or '''down or in both directions'''.
  
−
<center>[[File:P70-12_8_1-(5)-7082020.png]]</center>
+
====Key Points Down====
−
<!--<center>P70-12_8_1-(5)-7082020.png</center>-->
+
  
−
In a similar manner the '''width of the Left#3 swimlane level cells''' are increased from 0.95 to 1.50 as shown here:
+
When the '''key''' points '''down''' the selected '''row''' is positioned below the '''highlighted red line''' as shown in the sequence of two illustrations that follow:
  
−
<center>[[File:P70-12_8_1-(6)-7082020.png]]</center>
+
<center>[[File:P70-12_9_1-(6)-07092020.png]]</center>
−
<!--<center>P70-12_8_1-(6)-7082020.png</center>-->
+
<!--<center>P70-12_9_1-(6)-07092020.png</center>-->
  
−
====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:
+
<center>[[File:P70-12_9_1-(7)-07092020.png]]</center>
 +
<!--<center>P70-12_9_1-(7)-07092020.png</center>-->
  
−
<center>[[File:P70-12_8_1-(7)-7082020.png]]</center>
+
====Key Points Up====
−
<!--<center>P70-12_8_1-(7)-7082020.png</center>-->
+
  
−
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.
+
The first example above shows where the selected '''row''' is positioned when the '''key''' points '''down'''.  Results are similar when the selected '''row''' is positioned when the '''key'''points '''up'''.
  
−
==Resizing the Width of Text Columns and Swimlane Levels Using Drag and Drop==
+
====Key Points Up and Down====
  
−
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''':
+
The '''key''' can indicate that the selected '''row''' will be positioned '''on the highlighted red line''' as shown in the sequence of two illustrations that follow:
  
−
<center>[[File:P70-12_8_1-(8)-07092020.png]]</center>
+
<center>[[File:P70-12_9_1-(8)-07092020.png]]</center>
−
<!--<center>P70-12_8_1-(8)-07092020.png</center>-->
+
<!--<center>P70-12_9_1-(8)-07092020.png</center>-->
  
−
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''':
 
  
−
<center>[[File:P70-12_8_1-(9)-07092020.png]]</center>
+
<center>[[File:P70-12_9_1-(9)-07092020.png]]</center>
−
<!--<center>P70-12_8_1-(9)-07092020.png</center>-->
+
<!--<center>P70-12_9_1-(9)-07092020.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:
+
==Moving Rows Between Swimlane Levels==
  
−
<center>[[File:P70-12_8_1-(10)-07092020.png]]</center>
+
As mentioned above, '''rows''' can be moved '''within swimlane levels and between swimlane levels'''.  In either of these cases, after the '''row''' is moved, it is designated as a '''maverick'''.  As a consequence of the change of '''row''' membership to a different '''swimlane''', the moved '''row''' will participate in any '''edits''' performed at the '''swimlane level''' such as '''moving swimlane levels''' and '''format edits''' to a '''swimlane level''' and any subordinate '''swimlane levels'''.
−
<!--<center>P70-12_8_1-(10)-07092020.png</center>-->
+
−
 
+
−
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:
+
−
 
+
−
<center>[[File:P70-12_8_1-(11)-07092020.png]]</center>
+
−
<!--<center>P70-12_8_1-(11)-07092020.png</center>-->
+
−
 
+
−
===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''':
+
−
 
+
−
<center>[[File:P70-12_8_1-(12-1)-01132021.png]]</center>
+
−
<!--<center>P70-12_8_1-(12-1)-01132021.png</center>-->
+
−
 
+
−
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:P70-12_8_1-(13-1)-01132021.png]]</center>
+
−
<!--<center>P70-12_8_1-(13-1)-01132021.png</center>-->
+
−
 
+
−
===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:
+
−
 
+
−
<center>[[File:P70-12_8_1-(14-1)-12112020.png]]</center>
+
−
<!--<center>P70-12_8_1-(14-1)-12112020.png</center>-->
+
  
 
==Related Links==
 
==Related Links==
Line 117: Line 82:
 
[[Creating and Formatting Text Columns for Version 7.0 | Creating and Formatting Text Columns]] <!--12.03.1-70-->
 
[[Creating and Formatting Text Columns for Version 7.0 | Creating and Formatting Text Columns]] <!--12.03.1-70-->
  
−
[[Row and Swimlane Borders for Version 7.0 | Row and Swimlane Borders]] <!--12.04.1-70v
+
[[Row and Swimlane Borders for Version 7.0 | Row and Swimlane Borders]] <!--12.04.1-70-->
  
 
[[Editing Text Columns or Swimlane Labels for Version 7.0 | Editing Text Columns or Swimlane Labels]] <!--12.3.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
+
[[Resizing the Width of Text Columns and Swimlanes for Version 7.0 | Resizing the Width of Text Columns and Swimlanes]] <!--12.8.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-->
 
[[Editing Swimlane Properties for Version 7.0 | Editing Swimlane Properties]] <!--12.23.1-70-->
  
−
(12.8.1-70)
+
(12.9.1-70)
  
 
[[Category:Version 7.0]]
 
[[Category:Version 7.0]]
Line 133: Line 100:
 
[[Category:Editing the Chart]]
 
[[Category:Editing the Chart]]
 
[[Category:Rows and Swimlanes]]
 
[[Category:Rows and Swimlanes]]
−
[[Category:Multiple Swimlane Levels]]
+
[[Category:Rows]]
 +
[[Category:Text Columns]]
 
[[Category:Task/Milestone Editing]]
 
[[Category:Task/Milestone Editing]]
 
[[Category:Labels]]
 
[[Category:Labels]]
−
[[Category:Text Columns]]
 
 
[[Category:Mavericks]]
 
[[Category:Mavericks]]
 
[[Category:OnePager Pro]]
 
[[Category:OnePager Pro]]
 
[[Category:OnePager Express]]
 
[[Category:OnePager Express]]

Revision as of 17:46, 14 January 2021

About Moving Rows in the Chart

For some schedule presentations the order of rows in the chart done by OnePager may not be totally sufficient to meet your needs. Rows can be manually moved up and down in the chart by selecting the appropriate text column cell of the desired row and, once selected, using the mouse drag and drop method on the selected row to place it in the desired position.

OnePager provides assistance by highlighting the selected row first and as the selected row is dragged up or down providing a red line with a pointer to tell you where the dragged row is to be dropped (placed at the end of the operation. Finally, releasing the mouse left-click button causes OnePager to place the selected row in the designed or dropped position.

You must have at least one text column showing in the chart so that you have a text column cell to use in the procedure described above. Only one row can be moved at a time. To move two or more rows to new positions, the operations must be done separately. If there are multiple text columns showing in the chart, any of these text columns in the row to be moved can be used to perform the drag and drop. All text column cells in the row are moved with the row at the end of the operation.

Rows can be moved within a swimlane level or moved between swimlane levels. Moving a row makes the row into a row maverick.

Moving Rows In the Chart - Example

Selecting a Row to Move

To move a row within its swimlane level, select the desired row by clicking in one of its text column cells as shown below:

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

You can also select the row by using the double-left-click to highlight one of the row's text column cells as shown here:

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

With the row selected, movement of the mouse up or down causes OnePager to show a highlight red line indicating the direction the mouse is moving and where the selected row will be placed if the mouse left-click button is released.

Moving a Row Down

Below is an example where a row is selected and the mouse is moved slightly down:

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

If the mouse with the left-click button held down is moved down further the highlighted red line moves with it and indicated where the selected row will be placed if the mouse left-click button were released at that position as shown here:

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

When the mouse left-click button is released in the position shown above, OnePager moves the selected row to that position as shown below:

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

Interpretation of the Key on the Highlighted Red Line

The key displayed on the left side of the highlighted red line can point up as shown above or down or in both directions.

Key Points Down

When the key points down the selected row is positioned below the highlighted red line as shown in the sequence of two illustrations that follow:

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


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

Key Points Up

The first example above shows where the selected row is positioned when the key points down. Results are similar when the selected row is positioned when the keypoints up.

Key Points Up and Down

The key can indicate that the selected row will be positioned on the highlighted red line as shown in the sequence of two illustrations that follow:

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


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

Moving Rows Between Swimlane Levels

As mentioned above, rows can be moved within swimlane levels and between swimlane levels. In either of these cases, after the row is moved, it is designated as a maverick. As a consequence of the change of row membership to a different swimlane, the moved row will participate in any edits performed at the swimlane level such as moving swimlane levels and format edits to a swimlane level and any subordinate swimlane levels.

Related Links

Creating, Formatting, and Sorting Swimlanes Levels

Creating and Formatting Text Columns

Row and Swimlane Borders

Editing Text Columns or Swimlane Labels

Resizing the Width of Text Columns and Swimlanes

Editing Row Properties

Editing Swimlane Properties

(12.9.1-70)

Retrieved from "https://wiki.onepager.com/wiki/index.php?title=Testing_Article1&oldid=34766"