Best Practices for Mobile Reports

image_pdfimage_print
You can optimize your report design for mobile use, providing smooth navigation and easier access to information, by following the best practices listed below.
 
  • Dimensions are a very important factor when it comes to designing a mobile-friendly report. Consider the size of the target device before establishing them.
  • In general, combo boxes do not work well in mobile platforms. A limited use of this resource will improve the performance of the report.
  • In report designing, the calculation is often done in a hidden cell. If this cell is set too far away from the cell containing the value, the report will have considerable white space to the right (left and right scrolling). To prevent this, make the calculation in a cell close to the one with the value. In case of existing reports, you need to delete the entire rows or columns to remove the extra space; just clearing the cells will not be enough.

Tags for mobile-specific reports

It is also possible to tag your reports specifically for mobile phone or tablet use when designing them in Jedox Web. Thus, if you assign a phone or tablet tag to your report, you can later set Jedox Mobile to show only mobile-friendly reports, hiding those which were not optimized for it. Also, with the tags landscape and portrait, you can enforce a certain orientation on the report. 

To display exclusively tagged reports on your phone or tablet, log into Jedox Mobile and tap on the 3-line icon on the top left corner to access the side menu. Within the menu, tap on Settings. There, under Reports, you can turn on the option Filter by device. Below it there is also the option Load with predefined orientation.

There are other useful tags for designing reports that best fit the target-device requirements. For example, you can disable scroll bars or the zoom option in mobile devices, or even mark a report as favorite – very useful in case of frequently viewed reports. The article Tags in Jedox Mobile offers a complete list of tags. The assignment of tags must be done in Jedox Web; follow the steps here.

Setting your browser for mobile use

Another resource to make a report more accessible on mobile devices is changing your server address to [Server Address]/ui/m in the browser. This way, the report dimensions will be adjusted to the mobile screen size.

So, for example, if your server address is http://111.1.1.1/ui/studio/#xxxxx, change it to http://111.1.1.1/ui/m. To get back to the regular dimensions, replace the m for studio, such as in http://111.1.1.1/ui/studio.

In addition, most browsers provide a way to simulate different device sizes:

  • Google Chrome: Press Ctrl + Shift + I, or follow the path: Customize and control Google Chrome > More tools > Developer tools. Then click on Toggle device toolbar (see images below). Choose the device, the resolution, and the orientation on the toolbar above the screen.

 

  • Internet Explorer: Press F12, or follow the path: Settings and more > More tools > Developer tools. Click on More tools (drop-down menu ) and select Emulation (see images below). You can then choose a device, the resolution, and the orientation on the menu.

 

  • Mozilla Firefox: Click on Menu > Web developer > Responsive design mode. You can set different device dimensions there.
  • Safari: Click on Develop > Enter responsive design mode. You can set different device dimensions there.
image_pdfimage_print