ChildrenCssClass not working

Jonathan Wood

Vote:

I'm just wondering if there is a reason why the value I'm setting in ChildrenCssClass isn't being rendered. We're using version 7.10

@Html.PropertyFor(m => m.CurrentPage.ButtonArea, new { CssClass = "row buttons", ChildrenCustomTagName = "div", ChildrenCssClass = "small-12 medium-6 xlarge-3 columns" })

Rather than seeing this:

Apply

I see this

Apply

Cheers

Jonathan.

#111993

Oct 22, 2014 1:12

Per Magne Skuseth

Vote:

I'm guessing you are using the "AlloyContentAreaRenderer". This override "GetContentAreaItemCssClass".

Alloy version:

        protected override string GetContentAreaItemCssClass(HtmlHelper htmlHelper, ContentAreaItem contentAreaItem)
        {
            var tag = GetContentAreaItemTemplateTag(htmlHelper, contentAreaItem);
            return string.Format("block {0} {1} {2}", GetTypeSpecificCssClasses(contentAreaItem, ContentRepository), GetCssClassForTag(tag), tag);
        }

Base version:

    protected virtual string GetContentAreaItemCssClass(HtmlHelper htmlHelper, ContentAreaItem contentAreaItem)
    {
      return htmlHelper.ViewContext.ViewData["childrencssclass"] as string;
    }

As you can see, the alloy version does not use the childrencssclass. You can add it though, like so (not tested):

            return string.Format("block {0} {1} {2} {3}", GetTypeSpecificCssClasses(contentAreaItem, ContentRepository), GetCssClassForTag(tag), tag, htmlHelper.ViewContext.ViewData["childrencssclass"] as string);

#111997

Oct 22, 2014 9:07

Jonas Boman

Vote:

I agree to Per Magnes solution.

I works as expected

#112002

Oct 22, 2014 9:53

Jonathan Wood

Vote:

Thank you, that was the issue.

#112119

Oct 23, 2014 0:11

Try our conversational search powered by Generative AI!

ChildrenCssClass not working