Is there any way to nest Block Groups?

Omeka S Development
1

Trying to work out how to allow my users to create multi-column pages using css grid.

I can get two columns by adding a grid class to the block group but then I’m limited to one block per column. Is there any way to nest Block Groups or alternatively a different way to create multi-column pages using blocks. I can’t expect my users to be writing html.

image
image1497×866 60.5 KB

2

No, you can’t nest Block Groups sadly. Before 4.1 introduced Grid Layout, I had being trying to achieve a similar result by hacking the default layout to be a grid like you want with some success. I think I’d be able to achieve the same result by modifiying Omeka’s new grid layout classes in the same way, but haven’t had time to test as yet.

Anyway, the trick I found was to use nested grids. Use Block Groups as the primary grid units to layout the main columns, but also have them create their own nested grid inside the Group, so each Block inside the Block Group can have a class to position them in the nested grid.

For example, my page has a 12 column grid layout with a main column block group 3/4 wide and a sidebar column block group 1/4 wide, my css for the block groups would be:

.grid-column-main-left {
    grid-column: 1 / 10;
    display: grid;
    // other nested grid settings
}

.grid-column-sidebar-right {
    grid-column: 10 / 13;
    display: grid;
    // other nested grid settings
}

You may also want to read up about Subgrids.

Hope that helps!

John.