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

London Dev Meetup Rescheduled! Due to unavoidable reasons, the event has been moved to 21st May. Speakers remain the same—any changes will be communicated. Seats are limited—register here to secure your spot!

AI OnAI Off

Home / Forums / Developers (Main Products) Forum / CMS 7.5 - 11 /

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

This topic was created over six months ago and has been resolved. If you have a similar question, please create a new topic and refer to this one.