![]() ![]() When the responsive dashboard is loaded, the layout is calculated based on the current page size, and is re-calculated each time it changes size. The remaining content cells in the group will be positioned according to the two points described above. The header in a group of cells will be placed before the content cells, in the left-top position of the group.All the cells in the row will expand to match that height. The height of the row is defined by the cell with the largest edit-time height, after it was already placed in the row.The left-over space will then be filled by evenly resizing all the cells. When there is not enough space, it will start a new row. ![]() The dashboard will attempt to fit as many cells as possible by using the edit-time width of the template cells.Responsive mode re-flows the individual grid cells from left to right, then top to bottom, as the available size of the screen changes: Related video: Resize Mode 2. The responsive mode flow algorithm See Using a template grid for resizing for details. To build a responsive dashboard, its contents must be docked into the cells of a template grid. With the responsive dashboard re-size mode, dashboards laid out in a grid can automatically re-flow themselves when necessary to fit different displays. Typically, multiple dashboards would need to be created for the best possible use of space on the display. Dashboards are traditionally created for displaying on a large device, such as a computer monitor or TV, however some may be viewed on smaller mobile devices such as phones.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |