Html.PropertyFor properties to render items on one row in the vie

Html.PropertyFor properties to render items on one row in the view

Elisabeth Wikström

Vote:

I am trying to get my blocks in my ContentAre on one row. Now they end up on one row each.

               
                @Html.PropertyFor(x => x.Advice, new { ChildrenCssClass = "block" })

Advice is my ContentArea that holds my blocks. I have tried different properties to PropertyFor without any luck.

Does anyone of you have any idea of how I can make this work?

#147140

Apr 06, 2016 20:15

Johan Petersson

Vote:

Can you post your style rules for .row and .block? You probably want to set the class row in the propety as well:

@Html.PropertyFor(x => x.Advice, new { CssClass = "row" ChildrenCssClass = "block" })

This will render:

<div class="row">
    <div class="block">
        Your block 1 content
    </div>
    <div class="block">
        Your block 2 content
    </div>
</div>

#147145

Apr 07, 2016 0:14

Elisabeth Wikström

Vote:

I fixed the problem by sending values to my block through:

@Html.PropertyFor(x => x.Advice, new { y = @Model.CurrentPage.Y})

#147188

Apr 07, 2016 11:00