Virtual Happy Hour this month, Jun 28, we'll be getting a sneak preview at our soon to launch SaaS CMS!

Try our conversational search powered by Generative AI!

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

KK
KK
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
Vote:
 
@Html.PropetyFor(m => m.MainContentAreaa)
#298538
Mar 18, 2023 7:37
KK
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.
* You are NOT allowed to include any hyperlinks in the post because your account hasn't associated to your company. User profile should be updated.