Hi Dave

Under Views -> Shared -> DisplayTemplates I have XForms.cshtml with some custom code for this:

@using EPiServer.HtmlParsing
@using EPiServer.Web.Mvc.Html
@model EPiServer.XForms.XForm
@if (ViewData["XFormActionResult"] is EPiServer.Web.Mvc.XForms.XFormSuccessActionResult)
{
    <strong>Form posted.</strong>
}
else
{
    using (Html.BeginXForm(Model, htmlAttributes: new {@class = "form xform"}))
    {
        if (Model != null)
        {
            foreach (HtmlFragment fragment in (IEnumerable<HtmlFragment>)ViewData["XFormFragments"] ?? Model.CreateHtmlFragments())
            {
                @Html.Fragment(XFormHelper.CleanupXFormHtmlMarkup(fragment))
            }
        }
    }
}

And the CleanupXFormHtmlMarkup method looks like this:

public static class XFormHelper
    {
        public static HtmlFragment CleanupXFormHtmlMarkup(HtmlFragment htmlFragment)
        {
            if (htmlFragment.Name == "table" || htmlFragment.Name == "tr" || htmlFragment.Name == "td" || htmlFragment.Name == "tbody" || htmlFragment.Name == "thead")
            {
                htmlFragment.Name = "div";

                if (htmlFragment is ElementFragment && ((ElementFragment)(htmlFragment)).HasAttributes &&
                ((ElementFragment)(htmlFragment)).Attributes["valign"] != null)
                {
                    ((ElementFragment)(htmlFragment)).Attributes.Remove("valign");
                }
            }

            return htmlFragment;
        }
    }

Note that this is just some basic example code to get you started.

Hope this helps.

Frederik    

Hi Frederik

Thank you so much for your response. That worked great with one tiny tweak, for me the DisplayTemplate needed to be called XForm.cshtml.

Thanks very much
Dave

Frederiks post should be a sticky!  Thanks!

If you create your own XForm Block with your own Model how can I use CreateHtmlFragments to change the HTML mark up to Divs?

Hi,

How do I add an asterix against all Required fields?