View source for Changing the Time Axis Borders for OnePager for Version 7.2

==Overview==

Illustrations used in this article are from OnePager Pro using data from Microsoft Project but the features, function, controls, and manual edits apply equally to other OnePager editions that import from data sources like Microsoft Excel, Microsoft Project for the Web, Smartsheet, Oracle Primavera P6, Planisware Enterprise, Asana, and Wrike.

The '''Chart Properties''' form '''Time Axis '''tab’s three '''Time Axis Level '''sub-tabs contain essentially the same controls and look like this:

<center>[[File:P71-21_17_1-71-(2)-12202021.png]]</center>
<!--<center>P71-21_17_1-71-(2)-12202021.png</center>-->

Within each of these sub-tabs (i.e., '''Top''', '''Middle''', and '''Bottom''') there are six (6) control groups: (1) '''Show this level '''checkbox, (2) '''Re-Order Levels''', (3) '''Labels''', (4) '''Formatting''', (5) '''Background Color(s)''', (6) '''Size'''.  The controls provided in the '''Chart Properties '''form’s '''Time Axis '''tab and the three (3) sub-tabs considered here are the same as the corresponding sub-tabs in the '''Template Properties '''form’s '''Time Axis '''tab.  For completeness, the '''Show this level''' checkbox that appears in the '''Top''', '''Middle''', and '''Bottom''' sub-tabs of the '''Template Properties''' and '''Chart Properties''' form’s '''Time Axis '''tab can be used to '''show '''or '''hide''' the corresponding '''Time Axis Level''' in the chart.  At least '''one''' '''Time Axis Level '''must be '''shown'''. 

An attempt to '''hide '''all three '''Time Axis Levels''' causes the message below to display: 

<center>[[File:P70-22_1_5-70-(2)-10282020.png]]</center>
<!--<center>P70-22_1_5-70-(2)-10282020.png</center>-->

The '''Re-Order Levels''' up and down arrows are provided so that you can '''exchange '''the location of '''Time Axis Levels''' with the up to three '''levels '''provided.  

For more information on the '''Re-Ordering Time Axis Levels''' feature, '''Changing the Background Color(s)''', and the '''Showing Different Time Units''' feature, please see the articles at:  

<center>
{| class="wikitable"
| [[Re-Ordering Time Axis Levels for OnePager for Version 7.2 | Switching Time Axis Levels]] <!--22.3.5-72-->
|-
| [[Changing the Time Axis Background Color and Fill Pattern for OnePager for Version 7.2 | Changing the Time Axis Background Color and Fill Pattern]] <!--22.1.3-72-->
|-
| [[Showing Different Time Units of Time for OnePager for Version 7.2 | Showing Different Units of Time]] <!--22.1.1-72-->
|}
</center>

The purpose of this article is to describe the '''Borders '''and '''Size''' sub-groups and how their controls can be used for '''editing''' of the chart through the use of the '''Chart Properties '''form and the '''Chart Editor'''.

==Chart Properties Form’s Time Axis Tab's Formatting Control Group==

The '''Formatting '''control group is made up of three (3) sub-control groups:

:1) '''Borders'''

:2) '''Background Color(s)'''

:3) '''Size'''

For more information on the topics of '''Background Color(s)''' and '''Fill Patterns''', please see the separate article at: [[Changing the Time Axis Background Color and Fill Pattern for OnePager for Version 7.2 | Changing the Time Axis Background Color and Fill Pattern]] <!--22.1.3-72-->

'''Borders '''and '''Time Axis Level Size''' controls are covered in this article.

===Time Axis Borders Controls===

For each of the three '''Time Axis Levels '''there are individual '''Formatting''' control groups and sub-groups as shown here:

<center>[[File:P71-22_1_7-71-(3-1)-12202021.png]]</center>
<!--<center>P71-22_1_7-71-(3-1)-12202021.png</center>-->

The '''Borders''' sub-group has controls''' '''for the '''Top  border '''and '''Bottom border''' for each of the three '''Time Axis Levels '''.

====Show Lines==== 

This is the set of checkboxes that turn the '''Border''' visualizations '''ON''' and '''OFF'''. The checkbox must be checked '''ON''' for the controls below the checkbox to be '''enabled.'''

====Color====

This dropdown control provides access to the standard OnePager '''Color Chooser''' form for selecting the '''Border’s''' '''color'''.

====Width==== 

This dial control can be used to change the '''Border’s Width''' as measured in inches or centimeters depending on the type of '''Template Properties''' form you selected. 

====Dash Type====

The '''Border Dash types '''option selector provides five (5) '''dash types''' as shown here:

<center>[[File:P71-22_1_7-71-(4)-12202021.png]]</center>
<!--<center>P71-22_1_7-71-(4)-12202021.png</center>-->

====Adjacent Time Axis Borders====

Adjacent '''Time Axis Level borders '''(i.e., above and below) overlap between the '''Top '''and '''Middle Time Axis Levels''' and between the '''Middle '''and '''Bottom Time Axis Levels'''.  The '''Bottom Border '''of the '''Bottom Time Axis Level''' overlaps with the '''Inner Frame border''' of the chart.  The '''Top Border''' of the '''Top Time Line Axis Level '''overlaps with the '''Outer Frame border '''of the chart.   Any '''Border Color''' selected for a '''Top''' or '''Bottom''' '''Border''' can therefore conflict with its adjacent '''Time Axis Level border''', '''Inner Frame border''', or '''Outer Frame border'''.  As a general rule, '''Time Axis Level Border '''settings take priority over '''Inner''' and '''Outer''' '''Frame border color''' settings when you are '''editing''' the '''default colors''' for both '''Time Axis Level borders''' and '''Inner '''and '''Outer Frame borders'''.

For more information on the '''Outer Frame border''' and the '''Inner Frame Border''', please see this section in the article at:  

<center>
{| class="wikitable"
| [[Main Tab for Version 7.2#Chart Background | Main Tab – Chart Background]] <!--21.1.1-72-->
|}
</center>

====Vertical Gridlines====

The '''Vertical Gridlines''' controls provide the means for placing '''vertical lines '''between '''Time Axis Cells''' that can be contained within the '''Time Axis Level''', or can extend into the '''graph only''', or can encompass both the '''Time Axis Level’s Cells '''and the '''graph.'''

These controls are demonstrated separately and together in the sub-sections that follow.

===Editing the Line Colors of the Top and Bottom Borders of Each Time Axis Level - Example===

Suppose we want to adopt different colors for the '''top''' and '''bottom borders''' of the '''Top Time Axis Level'''.  Using the '''Chart Properties '''form '''Time Axis '''tab’s '''Top Level '''sub-tab the '''Top '''and''' Bottom Time Axis Level borders '''are '''edited''' to become '''blue''' and '''gold''' respectively:

<center>[[File:P71-22_1_7-71-(4A)-12202021.png]]</center>
<!--<center>P71-22_1_7-71-(4A)-12202021.png</center>-->

Now, using the '''Chart Properties form Time Axis '''tab’s '''Middle Level '''sub-tab you see that the '''gold color''' selection made for the '''Bottom border '''of the '''Top Time Axis Level''' is now shown in the form as the '''Top border''' of the '''Middle Level''':

<center>[[File:P71-22_1_7-71-(5)-12202021.png]]</center>
<!--<center>P71-22_1_7-71-(5)-12202021.png</center>-->

At this point you can add a '''border color''' for the '''Bottom Border '''of the '''Middle Time Axis Level''' as shown below:

<center>[[File:P71-22_1_7-71-(6)-12202021.png]]</center>
<!--<center>P71-22_1_7-71-(6)-12202021.png</center>-->

Looking at the '''Chart Properties '''form '''Time Axis '''tab''' '''at the '''Bottom Level''' you see that '''border color''' from the '''Bottom border '''of the '''Middle Level Time Axis''' is shown:

<center>[[File:P71-22_1_7-71-(7)-12202021.png]]</center>
<!--<center>P71-22_1_7-71-(7)-12202021.png</center>-->

The general rule illustrated above is that when '''Time Axis Levels''' share '''Borders''', the last '''color''' '''edit''' made to a shared '''border '''is applied and recorded in the two participating '''Time Axis Levels '''in the '''Chart Properties '''form’s '''Time Axis''' tab as shown here for the '''Middle Level Time Axis '''sub-tab:

<center>[[File:P71-22_1_7-71-(8)-12202021.png]]</center>
<!--<center>P71-22_1_7-71-(8)-12202021.png</center>-->

===Editing the Line Width of the Borders of the Each Time Axis Level - Example===

The '''Width '''control for the '''Top Border''', '''Bottom Border''', and '''Vertical Gridlines''' are dial controls measured in font points or pixels.  In the illustrations above the '''Width '''dial control was increased to 3.0 to give more visibility to the '''Time Axis Level Top '''and''' Bottom Borders '''shown.

===Editing the Line Style Type of the Borders of the Each Time Axis Level - Example===

The '''Border Style '''option selector provides five (5) '''style types''' as shown here:

<center>[[File:P71-22_1_7-71-(9)-12202021.png]]</center>
<!--<center>P71-22_1_7-71-(9)-12202021.png</center>-->

Using the example above, the '''Solid''' '''Style types''' is changed to the '''Dash dot dot types '''below to illustrate the effect:

<center>[[File:P71-22_1_7-71-(10)-12202021.png]]</center>
<!--<center>P71-22_1_7-71-(10)-12202021.png</center>-->

===Editing Vertical Gridlines in Each Time Axis Level - Example===

In each '''Time Axis Level’s''' '''Borders: '''sub-group is the '''Vertical Gridline '''control selection dropdown with options to show '''Vertical Gridlines''' in the '''Graph''' as well as within the '''Time Axis Level''' area or '''both''' as shown here:

<center>[[File:P71-22_1_7-71-(11)-12202021.png]]</center>
<!--<center>P71-22_1_7-71-(11)-12202021.png</center>-->

The '''default''' is typically '''In time axis''' and the option can be applied at any of the three '''Time Axis Levels''' as shown here for the '''Middle Time Axis Level '''and accented with '''wider lines''' for illustrative purposes:

<center>[[File:P71-22_1_7-71-(12)-12202021.png]]</center>
<!--<center>P71-22_1_7-71-(12)-12202021.png</center>-->

If the '''In chart''' option is selected, the '''Graph '''looks like this:

<center>[[File:P71-22_1_7-71-(13)-12202021.png]]</center>
<!--<center>P71-22_1_7-71-(13)-12202021.png</center>-->

If the '''In chart & time axis '''option is used, the chart looks like this:

<center>[[File:P71-22_1_7-71-(14)-12202021.png]]</center>
<!--<center>P71-22_1_7-71-(14)-12202021.png</center>-->

===Caution When Using the In chart & time axis Option===

There are some conventions that are discussed below pertaining to using the '''In chart & time axis '''option over multiple '''Time Axis Levels'''.  In the example above, '''Vertical Gridlines '''in the '''Graph''' are shared at '''Year''', '''Quarter''', and '''Month Tics '''where the '''Month '''corresponds to a '''Quarter '''and '''Year Tic '''boundaries.  Although different '''colors''' appear''' '''at '''Tic '''intervals in each of the '''Time Axis Levels''' where the''' In time axis''' option is used, only one '''color''', usually selected from the '''last''' '''Time Axis Level''' to apply the '''Vertical Gridlines In chart & time axis''', is shown in the '''Graph''' where '''multiple Tic boundaries overlap'''.  There is '''no override provision''' made for additional application of '''Vertical Gridlines '''using the''' In chart & time axis '''option.  

Care should be taken in selecting the sequence of applying '''Vertical Gridlines '''with the '''In chart & time axis '''option to achieve your specific presentation goals.  When applying the '''Vertical Gridline In chart''' option, the same rule applies as discussed above for '''Vertical Gridline In chart & time axis'''.  When applying the '''Vertical Gridlines In time axis''' option, the result is straight forward in that the '''Vertical Gridlines''' are made within the confines of the '''Time Axis Level''' where the option is selected.  The '''Vertical Gridlines''' group of controls in the '''Borders:''' sub-control group also has a '''border Width:''' and '''Dash type: '''set of controls which function as described above for '''Top''' and '''Bottom Borders''' within a '''Time Axis Level'''.

===Time Axis Background Color(s), Fill Pattern, and Size Controls===

====Editing Background Color(s) and Fill Patterns====

There are three controls in the '''Background Color(s):''' sub-control group:  '''Color 1''', '''Color 2''', and '''Fill'''.  These three controls are used elsewhere in OnePager for '''Background Color(s)''' for task bars/milestone symbols,  for example.

For more information on '''Time Axis Level Cell global''' controls for '''Background Color(s) '''and '''Fill Patterns ''' feature, please see this article:  

<center>
{| class="wikitable"
| [[Changing the Time Axis Background Color and Fill Pattern for OnePager for Version 7.2#Editing Background Color and Fill Pattern from the Chart Editor | Editing Background Color and Fill Pattern from the Chart Editor]] <!--22.1.3-72-->
|}
</center>

====Editing Time Axis Level Heights with the Size Control====

The '''Size:''' control sub-group allows you to set a standard '''Height '''for all '''Cells '''in each '''Time Axis Level''' in either '''English''' or '''Metric units''' depending on the type of '''Template Properties''' form being used to create the chart as shown here in inches:  

<center>[[File:P71-22_1_7-71-(15-1)-04062022.png]]</center>
<!--<center>P71-22_1_7-71-(15-1)-04062022.png</center>-->

Increasing the '''Height: '''value makes the '''Time Axis Level '''higher as shown here where the '''Height:''' value is increased to 0.53 inches with this '''Chart Properties '''form '''Time Axis '''tab’s '''Middle Level''' sub-tab:

<center>[[File:P71-22_1_7-71-(16)-12202021.png]]</center>
<!--<center>P71-22_1_7-71-(16)-12202021.png</center>-->

Making a '''Height: '''increase increases the '''Height:''' of the corresponding '''Floating Time Axis Level''' if present.

<center>[[File:P70-22_1_7-70-(17)-10282020.png]]</center>
<!--<center>P70-22_1_7-70-(17)-10282020.png</center>-->

===Time Axis Level Sub-Tabs and the Floating Time Axis===

As mentioned earlier, most '''edits''' made in either the '''Top''', '''Middle''', and/or''' Bottom Time Axis Level''' sub-tab in the '''Chart Properties '''form’s '''Time Axis '''tab that are applied to a '''Time Axis Level '''are also applied to the corresponding '''Floating Time Axis Levels'''.

For more information on the '''Floating Time Axis''' feature, please see the article at:  

<center>
{| class="wikitable"
| [[The Floating Time Axis Feature for OnePager for Version 7.2 | The Floating Time Axis Feature]] <!--22.3.9-72-->
|}
</center>

==Editing Time Axis Level and Cell Format Properties in the Chart Editor==  

===For An Individual Time Axis Level===

'''Time Axis Levels''' can be individually selected and '''edited''' separately in the chart with the '''Chart Editor'''.  You can access to the '''Chart Properties '''form’s '''Time Axis '''tabs at any '''Time Axis Level '''by selecting a '''Time Axis Cell(s)''' with the right-click of the mouse to access the '''time axis context menu '''shown below.  Clicking the '''Time-axis properties… '''command in the '''time axis''' right-click '''context menu '''accesses the '''Chart Properties''' form at the '''Time Axis '''tab and the sub-tab for the '''Time Axis Level '''you selected.  For example, selecting a '''Time Axis Level Cell''' from the '''Bottom Level''' and right-clicking the '''Cell '''accesses the '''time axis''' right-click '''context menu '''where you can then click the '''Time-axis properties… '''command shown here:

<center>[[File:P70-22_1_3-70-(2)-10272020.png]]</center>
<!--<center>P70-22_1_3-70-(2)-10272020.png</center>-->

Clicking the '''Time-axis properties… '''command accesses the '''Chart Properties''' form’s '''Time Axis '''tab for the '''Bottom Level'''.  By using the '''Chart Properties '''form in this way you are able to '''edit''' the '''Global properties''' of all '''Time Axis Level Cells '''in the '''Time Axis Level '''selected.  You can also use the sub-tabs in the form above to go to other '''Time Axis Levels''', to the '''Calendar '''sub-tab or the '''Format '''sub-tab.

===For An Individual Time Axis Level Cell===

OnePager supports '''editing '''the following '''Time Axis Cell properties''' individually:

:1) '''Typed in Text'''

:2) '''Cell Background Color'''

:3) '''Text Font Properties '''(Text Font Type, Text Color, Text Pixel Size, '''Bold''', ''Italics'', and [[Underline]])

:4) '''Zoom% '''(The horizontal length of the '''timespan''' as a percentage of the normal '''Time Axis Cell’s width''')

:5) '''Cell Width'''.

The detailed '''editing''' of the above '''properties''' is done by right-clicking on the desired '''Time Axis Cell(s)''' to access the '''time axis''' right-click '''context menu''' and then clicking the '''Format cell…''' command as shown below: 


<center>[[File:P70-22_1_3-70-(3)-10272020.png]]</center>
<!--<center>P70-22_1_3-70-(3)-10272020.png</center>-->

After clicking the '''Format cell…''' command, the '''Time Axis Cell Properties '''form appears as shown here:

<center>[[File:P72-22_1_3-72-(4-1)-09132022.png]]</center>
<!--<center>P72-22_1_3-72-(4-1)-09132022.png</center>-->

For more information on '''Editing Background Colors and Fill Patterns in the chart''', please see the article at:  

<center>
{| class="wikitable"
| [[Changing the Time Axis Background Color and Fill Pattern for OnePager for Version 7.2#Editing Background Color and Fill Pattern from the Chart Editor | Editing Background Color and Fill Pattern from the Chart Editor]] <!--22.1.3-72-->
|}</center>

==Related Links==

{| class="wikitable"
| [[Main Tab for Version 7.2 | Main Tab ]] <!--21.1.1-72-->
| [[Showing Different Time Units of Time for OnePager for Version 7.2 | Showing Different Units of Time for OnePager]] <!--22.1.1-72-->
|-
| [[Changing the Time Axis Background Color and Fill Pattern for OnePager for Version 7.2 | Changing the Time Axis Background Color and Fill Pattern for OnePager]] <!--22.1.3-72-->
| [[Re-Ordering Time Axis Levels for OnePager for Version 7.2 | Re-Ordering Time Axis Levels for OnePager]] <!--22.3.5-72-->
|-
| [[The Floating Time Axis Feature for OnePager for Version 7.2 | The Floating Time Axis Feature for OnePager]] <!--22.3.9-72-->
|}

(22.1.7-72)

[[Category:Version 7.2]]
[[Category:Editing the Chart]]
[[Category:Time Axis]]
[[Category:Main Tab]]
[[Category:Time Axis Tab]]
[[Category:Background Color]]
[[Category:Non-Linear Time Axis]]
[[Category:Floating Time Axis]]
[[Category:Charts]]
[[Category:Template Properties Form]]
[[Category:Chart Properties Form]]
[[Category:OnePager Pro]]
[[Category:OnePager Express]]
[[Category:OnePager Bundle]]