digitalcampusframework / dcf

Digital Campus Framework
BSD 3-Clause "New" or "Revised" License
8 stars 13 forks source link

Bento Layout #523

Open tommyneu opened 3 months ago

tommyneu commented 3 months ago

DCF does not have very good capabilities to handle 2d grid layouts. Good examples online for these types of layouts can be found under the name bento box layout. Currently DCF grids only can really handle columns but for true bento box layouts we would need column/row spans. This would require a re-write of the grid object. For now a bento object that mimics a lot of the characteristics of the grid would be good.

This bento object would include a grid which can still have 12 columns but it would also need to include styling for the row sizes. The grid items would then have a list of classes which would allow them to specify the number of columns and rows that the item would span. The grid would then auto flow the items of various sizes into the bento box type layout.

The reason this does not work with the current grid object is that the grid has many styling choices that change the number of columns, percentages for the spans, as well as a lack of styling for rows. Changing the functionality of these could/would break existing grid layouts which means we would need a new object which could be combined with the grid in a future update to DCF.

Related issue: #522