Refreshed User Interface for OnePager 7.0

From OnePager Documentation
Revision as of 20:33, 16 March 2020 by Rfeingold (Talk | contribs) (Related Links)

Jump to: navigation, search

Refreshed User Interface

1) Version 7.0 of OnePager underwent a face lift. We decided to modernized the look and feel of the Chart Editor, its Tool Bar Tabs, all major forms, buttons, and icons.

2) Along the way there were some reconfiguration of feature controls.

3) For instance, on the OnePager 7.0 Home tool bar tab the individual label position buttons, which were small and difficult to read, are replaced with a single icon that provides a dropdown menu listing all label position options.

4) In the process of re-configuring the Positions control group on the Home tool bar tab, and in conjunction Smart Text Optimization feature, there are two additional label position options

a) Best fit all directions
b) Best fit above/below

New Look to the OnePager Chart View Editor

5) The look of the new Chart Editor changed slightly with the addition of a new border color scheme, new icons for the tool bar tabs, and reorganization of some controls to make them easier to use as shown below:

File:P70-0 4-70-(1)-03262019.png
<P70-0_4-70-(1)-03262019.png>

6) As further examples, below are images of the revised Insert, Page Layout, and Data tool bar tabs on the Chart Editor:

a) Home Tool Bar Tab:
File:P70-0 4-70-(1B)-06142019.png
<P70-0_4-70-(1B)-06142019.png>
b) Insert Tool Bar Tab:
File:P70-0 4-70-(2)-03262019.png
<P70-0_4-70-(2)-03262019.png>
c) Page Layout Tool Bar Tab:
File:P70-0 4-70-(3)-03262019.png
<P70-0_4-70-(3)-03262019.png>
d) Data Tool Bar Tab:
File:P70-0 4-70-(4)-03262019.png
<P70-0_4-70-(4)-03262019.png>
e) View Tool Bar Tab:
File:P70-0 4-70-(1A)-06142019.png
<P70-0_4-70-(1A)-06142019.png>

New Look to OnePager Forms

7) With respect to the new design of OnePager 7.0's forms, the most used are the Template and Chart Properties forms.

8) These two forms are very similar so the samples below are from the Chart Properties form's various tabs.

9) Since OnePager 7.0 has new capabilities, features, and enhancements, additions, changes, and some reorganization of the controls on the various Chart Properties and Template form's tabs were made and are explained in various articles in this Wiki.

10) Three Chart Properties form tabs are illustrated below:

a) Chart Properties Form - Main Tab:
File:P70-0 4-70-(5)-03262019.png
<P70-0_4-70-(5)-03262019.png>
b) Chart Properties Form - Task Bars Tab:
File:P70-0 4-70-(6)-03262019.png
<P70-0_4-70-(6)-03262019.png>
c) Chart Properties Form - Task Links Tab:
File:P70-0 4-70-(7)-03262019.png
<P70-0_4-70-(7)-03262019.png>

11) Our goal is to standardize the look of these forms so your experience with OnePager 7.0 is consistent.

12) Along those lines, sub-forms, accessed from Chart Properties form's tabs and their buttons are kept simple as shown in the example below of the Set Label Properties form which is enhanced with the controls supporting the Smart Task/Milestone Text Labeling feature:

File:P70-0 4-70-(8)-03262019.png
<P70-0_4-70-(8)-03262019.png>

13) Dropdown menus and Context Menus also maintain the same simplicity of look and feel consistent with the example sub-form shown above.

14) Implementation of new capabilities, features, and enhancements required some additions and changes to commands in some Context Menus.

Related Links

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

Modifying Decorations on Tasks/Milestones (Portal) 10.0.1-70

Task/Milestone Labels for OnePager Pro 10.15.1.-70

Task/Milestone Labels for OnePager Express 10.16.1.-70

Labeling Task/Milestone Dates for OnePager Pro 10.1.1-70

Labeling Task/Milestone Dates for OnePager Express 10.2.1-70

Percent complete for OnePager Pro 10.3.1-70

Percent complete for OnePager Express 10.4.1-70

Order of Tasks/Milestones Decorations 10.13.1-70

Task Bars Tab for OnePager Pro 21.3.1-70

Task Bars Tab for OnePager Express 21.4.1-70

Milestones Tab for OnePager Pro 21.5.1-70

Milestones Tab for OnePager Express 21.6.1-70

(0.4.3-70)