The application is used for illustration purposes only. For details about application use send an email to support@fsight.ru or send a request to technical support services that are available after registration on the website.

Dashboards and Reports Building Guidelines

To correctly display dashboards on tablets, set up formatting in the desktop application taking into account recommendations for reports and dashboards building.

NOTE. Report and dashboard display with configured formatting for mobile application can be different on viewing in web application.

Depending on formatting options, create several copies of reports and dashboards in the object navigator.

Set up formatting in report or dashboard copy:

After executing actions, calculate the size of operating memory in use and check defined formatting display on iOS and Android tablets.

Selecting Font and Setting Up Text Styles

To display fonts in the same manner on viewing report and dashboard in the desktop and mobile application, select fonts, which analogs are available on iOS and Android tablets. By default, Tahoma font is used and it is displayed correctly only on Android mobile tablets. On iOS tablets, a font is changed from Tahoma to Times New Roman.

TIP. Use the fonts: Arial, Trebuchet MS.

A collection of text formatting elements (font parameters, paragraph, filling and other elements) determines text style. On setting up text formatting, use from 5 to 8 styles.

To correctly display dashboard blocks, set up text styles:

Example

The table provides recommended parameter values basing on Arial and Trebuchet MS fonts:

Font style Description Font size, pt Style RGB color

Style 1

Dashboard title

12 - 18
20 - 22
Bold
Standard
65 65 65
76 76 76
Style 2 Block title 9 - 11 Bold
Bold + Caps Lock
76 76 76
102 102 102
Style 3 Main text 6 - 10 Standard 76 76 76
102 102 102
Style 4 Auxiliary text 6 - 10 Standard 145 143 141
Style 5 Data labels 8 - 11 Bold 76 76 76
102 102 102
Style 6 Indicator 22 - 32 Bold 76 76 76

Style distribution schema:

Setting Up Visualizers Display

To display charts correctly:

TIP. Set RGB line color 230 230 230 on using the white background color of chart.

After executing the actions, report and dashboard charts will be correctly displayed on a tablet.

To view observation objects of visualizers for a specific time period, use one selected element of calendar dimension. Frequency of observation objects changing using timeline is used for reports presentation and dashboards in the desktop and web application and it is not relevant for view on a tablet.

Calculating Operating Memory

When building reports and dashboards for mobile devices, take into account operating memory that is used by report or dashboard. To view reports on a tablet, use no more than 80% of tablet operating memory. For example, a tablet has 1Gb of operating memory, 800 Mb are taken by mobile application.

To calculate operating memory in use:

  1. Open report or dashboard in web application.

  2. Open the Task Manager dialog box in the browser using SHIFT+ESC.

NOTE. Use browser supporting task manager.

For example, task manager in Google Chrome:

After executing the actions, sum up memory consumption of the tab with opened report and GPU process memory. The total memory should not exceed 80% of tablet operating memory.

See. also:

Mobile Application Based on Foresight Mobile Platform | Viewing Dashboards