Responsive layouts

The responsive layout reorganizes the objects by scanning the screen using a z-path. I call this the z-path because the responsive interface reads all objects following a z pattern, and each object found in the path is placed with one following the other when the dashboard is displayed in a small screen. The following screenshot depicts the the z-path of a sample dashboard in the Desktop view. On the right side of the image, we see a sample of a Mobile view with the charts placed one after the other according to the z-path:

The Mobile view presented in the sample preceding screenshot is a simulation to better understand how the objects are placed. The following screenshot shows how it really looks on a mobile device:

We need to scroll down to review all the objects on the sheet.

..................Content has been hidden....................

You can't read the all page of ebook, please click here login for view all page.
Reset