How to control the rendering layout of the blocks in a contentare

How to control the rendering layout of the blocks in a contentarea

Vote:

Hi experts,

I need to render some tiles on a normal page. I added a contentarea property to the page and create a tileblock with image and links.

I would like to render it like layout with certain horizontal size * vertical size, e.g. 2*3 or 3*3.

Trying to use this code piece @foreach (var item in Model.MainContentArea.FilteredItems.OfType<BlockData>()) , but do not know how to render the item properly?

Any help or idea would be apprecaited.

#298500

Mar 17, 2023 15:59

Tomas Hensrud Gulla

Vote:

@Html.PropetyFor(m => m.MainContentAreaa)

#298538

Mar 18, 2023 7:37

Vote:

I've got an answer. Thanks.

.horizontal-content-area > div {
display: flex;
flex-wrap: wrap;
overflow-x: auto;
flex-direction: row;
-webkit-overflow-scrolling: touch;
}

#298540

Mar 18, 2023 10:25