Scaling

Scaling and the Switchboard Client

While it is generally recommended to use the Totalview Switchboard Client at 100% for optimum display results, a scaling factor of 125% is also supported. Other scaling factors are not supported, as the visual results can be unpredictable and impact the usability of the application negatively.

Below we provide examples of different scaling factors, as well as exemplify problematic issues when choosing them.

Please note that all scenarios were tested with a monitor resolution of 1920×1080. For other resolutions, the scaling recommendations below may vary.

 

100% Scaling (Recommended)

With a scaling factor of 100%, the Totalview Switchboard Client will be optimally displayed, i.e. fonts are rendered smoothly, text and images are not cut off and all elements occupy their alloted spaces:

 

120% Scaling (Not supported)

Scaling at 120% is not supported, since it may cause unwanted visual problems, as shown in the examples further down.

 

The image below shows how text in certain places will be cut off and/or moved down:

 

Notice, how some text is not only cut off, but appears much larger than the regular text:

 

In general, text will be displayed with varying font sizes:

 

125% Scaling (Supported)

While the Totalview Switchboard Client works well with a scaling of 125%, it must be noted that text is not rendered optimally and appears blurry:

 

150% Scaling (Not supported)

Using the Totalview Switchboard Client with 150% scaling is not supported, as it will cause interface elements to disappear, even when resizing content areas:

 

175% Scaling (Not supported)

Similar to 150% scaling, using the Totalview Switchboard Client with 175% scaling is not supported, as it will cause interface elements to disappear, even when resizing content areas:

Scaling and the Totalview Reports

While it is generally recommended to use the Totalview Reports at 100% for optimum display results, the following scaling factors are also supported: 120%, 125%, 150%. Other scaling factors are not supported, as the visual results can be unpredictable and impact the usability of the application negatively.

Below we provide examples of different scaling factors, as well as exemplify problematic issues when choosing them.

Please note that all scenarios were tested with a monitor resolution of 1920×1080. For other resolutions, the scaling recommendations below may vary.

 

100% Scaling (Recommended)

At 100%, the Totalview Reports will be displayed optimally on the screen, as all elements and text will be shown correctly.

 

120% Scaling (Supported)

The Totalview Reports can be used with a display scaling at 120%, as all elements have sufficient space and are shown properly.

 

125% Scaling (Supported)

At 125%, the Totalview Reports behave normally, while it is possible that extra scrollbars may appear, as shown in the example below. This issue, however, can be remedied by collapsing the menubar to the left.

 

150% Scaling (Supported)

At 150%, the Totalview Reports are usable. However the amount of space available for the elements on the page is highly reduced.

 

With a scaling factor of 150% it is highly advisable to have the menubar to the left collapsed. Otherwise, users might run into the problems of elements overlapping, as shown below:

 

175% Scaling (Not supported)

Using the Totalview Reports at a 175% scaling is discouraged, as the avaialble space for all elements becomes too small, potentially allowing for overlaps:

 

 

 

 

It has to be noted that, because the Totalview Reports are web-based, users can always use the in-built scaling of their browsers to decrease the scaling factor.

Scaling and the Totalview Time Client

While it is generally recommended to use the Totalview Time Client at 100% for optimum display results, the following scaling factors are also supported: 125%, 150%. Other scaling factors are not supported, as the visual results can be unpredictable and impact the usability of the application negatively.

Below we provide examples of different scaling factors, as well as exemplify problematic issues when choosing them.

Please note that all scenarios were tested with a monitor resolution of 1920×1080. For other resolutions, the scaling recommendations below may vary.

 

100% Scaling (Recommended)

At 100%, the Time Client will be displayed optimally on the screen, as all elements will be shown correctly.

 

120% Scaling (Not supported)

Scaling the display to 120% is strongly discouraged as elements and text will not always be displayed properly. Examples for this can be seen below: The date filter is partly hidden, the State content area is smaller and difficult to resize and the bottom areas appear incorrectly sized.

 

Additionally, the dialog window for “Moving Times Between Accounts” experiences problems with displaying input fields and text properly:

 

 

125% Scaling (Supported)

At 125%, the Time Client behaves normally, while featuring issues with fonts being displayed blurry.

 

150% Scaling (Supported)

Apart from blurry font rendering, scaling the display to 150% will work properly. Any issues with overlapping elements can easily be resolved by resizing the content areas, as can be seen in the example below where the Show button is partly hidden in the date filter.

 

175% Scaling (Not supported)

Scaling the display to 175% is problematic, as the avaialble space for all elements becomes too small. The screenshot below shows that resizing the content areas to the right would not remedy the overlapping date filter problem in the top. Additionally, the My States area in the bottom is cutting off text for the last item in the list. While this could be solved by resizing the content area upwards, it is not a feasible solution for longer lists.

Scaling and the Totalview PC Client

While it is generally recommended to use the Totalview PC Client at 100% for optimum display results, the following scaling factors are also usable: 125%, 150%. Other scaling factors are not supported, as the visual results can be unpredictable and impact the usability of the application negatively.

Below we provide examples of different scaling factors, as well as exemplify problematic issues when choosing them.

Please note that all scenarios were tested with a monitor resolution of 1920×1080. For other resolutions, the scaling recommendations below may vary.

 

100% Scaling (Recommended)

With a scaling factor of 100%, the Totalview PC Client will be optimally displayed, i.e. fonts are rendered smoothly, text and images are not cut off and all elements occupy their alloted spaces:

 

120% Scaling (Not supported)

Custom scaling at 120% is not supported, since it may cause unwanted visual problems. At a first glance, the scaling factor of 120% appears to display the interface normally. Yet, on further scrutiny, it exhibits several display issues, as shown in the examples further down.

 

The image below shows how text in certain places will be cut off and/or moved down:

 

Notice, how some text is not only cut off, but appears much larger than the regular text:

 

In general, text will be displayed with varying font sizes:

 

125% Scaling (Supported)

While the Totalview PC Client works well with a scaling of 125%, it must be noted that text is not rendered optimally and appears blurry:

 

150% Scaling (Supported)

At 150%, the PC Client suffers from the same font rendering issues as seen at 125%. In addition, it should be noted that increasing the scaling factor will drastically decrease the amount of space available for elements to be displayed.

In order to optimally use the available space at 150% scaling, users should make good use of the resizing options for columns and content boxes.

 

175% Scaling (Not supported)

With a scaling factor of 175%, the PC Client exhibits several usability issues. While blurry font rendering and a decreasing amount of space is still present, certain elements will now be pushed off screen, as seen in the examples further down.

 

The image below shows that Save and Cancel buttons are pushed off the screen, making them inaccessible for users:

 

Similarly, in some cases it is possible that dropdown lists are cut off at the bottom of the screen if their contents are too long:

Display Scaling

Totalview is being developed to run on a range of different environments, with different displays and resolutions. Naturally, such flexibility comes with its own challenges. This section is intended to address issues that may occur when using Totalview applications at varying scaling factors. The factors exemplified here will be 100, 120, 125, 150 and 175 percent, with a base resolution of 1920×1080, for the following applications: