FR: for new dashboard component using ion-grid on v4 #14728
Description
Describe the Feature Request
We love the new ion-grid in v4 which from having a first look is great.
We already used the old grid to do a responsive dashboard, but there are some limitations on it.
Our requirements as for any dashboard are:
- responsive screen adaptation which is already of
size-{breakpoings}="*" - keep same order of widgets for different screen sizes, which you can simple to with offset-
{breakpoints}="*" - keep same margin between all widgets on all screen sizes without unused space per column view, and that's the point!
This is a dashboard example from material.io
The order of the widgets are 1. Marketing, 2. Conversion 537, 3. Conversion 432,1M, 4. Sales, 5. Users, 6. Avg. session and so on...
In this case 1 + 2 are in the first "row" and 3 + 4 are on the second "row". If the screen is wider you can have 1 + 2 + 3 in the first "row" and 4 + 5 + 6 in the second "row". This nothing magical.
But as you can see the 2. card is much more longer then the 1. card, using the ion-grid the 3. card is placed under 1. card but on bottom of card 2. keeping a big space between card 1 and 3.
We can handle this by using more columns on top of the grid list, but this would be much more difficult to mantain.
Perhaps we can already resolve all this problems with your grid, or with flexbox out of the box?
If not, we think having a real dashboard component which will keep in mind many aspects could be very very useful for many of us and for sure very powerful.
Something like that is very very very powerfull