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

Five New Optimizely Certifications are Here! Validate your expertise and advance your career with our latest certification exams. Click here to find out more

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.