How to make a single page template that fits the page to browser in dashboard 2?
Hi, you really haven't given people much to go on in order to help you I'm afraid. You will need to expand on what you want to achieve.
You can set how many columns of widgets will be fitted across different screen sizes for a page using the settings in the Responsive Layouts section of the ui-page settings
Then if you make the group width be the same as the number of columns and make the template width be the full group width then it should fill the screen sideways.
The row height is configurable to some extent in the Theme settings, so you can determine how many rows you need to approximately fill the screen vertically.
You have set the row height to 32px so if a widget is of height, for example, 4 then it should take 128 px.
Finally found the solution and a topic worth closing out. I built the dashboard template starting from a single full-bleed container that locks itself to its parent - no scrollbars, no overflow, exact bounds. Inside it, everything flows top-down in a column with consistent padding on all sides. Box-sizing is set so padding never breaks the layout. That one wrapper handles all spatial constraints for everything inside it.
By default, it should be possible to create elements that will take up the entire screen.
I hope you will share your solution!
