Hello,

I'm not sure what I may have done wrong here, but I'm getting two Submit buttons when adding a form via a macro to rich text box. This happens when I click "Save" or "Save and Publish".

The code generated after Save is as follows:

<div class="umb-macro-holder CommentForm mceNonEditable"><!-- <?UMBRACO_MACRO macroAlias="CommentForm" /> --> <ins>
<div class="form-group"></div>
<div class="form-group"></div>
<div class="form-group"></div>
<button class="btn btn-default">Submit</button> </ins></div>
<div class="form-group"></div>
<div class="form-group"></div>
<p><button class="btn btn-default">Submit</button></p>

The code in my Comment Form is as follows:

@model UmbracoSurfaceControllers.Models.CommentFormViewModel

@if (TempData["success"] == null)
{
    using (Html.BeginUmbracoForm("HandleFormSubmit", "CommentsFormSurface"))
    {
        <div class="form-group">
            @Html.TextBoxFor(m => m.Name, new { @class = "form-control", placeholder = "Name" })
            @Html.ValidationMessageFor(m => m.Name)
        </div>
        <div class="form-group">
            @Html.TextBoxFor(m => m.Email, new { @class = "form-control", placeholder = "Email address" })
            @Html.ValidationMessageFor(m => m.Email)
        </div>
        <div class="form-group">
            @Html.TextAreaFor(m => m.Comment, new { @class = "form-control", placeholder = "Your comment" })
            @Html.ValidationMessageFor(m => m.Comment)
        </div>

        <button id="comment-submit" type="submit" class="btn btn-default">Submit</button>
    }
}
else
{
    <p>Thank you</p>
}

In my Comment Form macro I have code as follows:

@inherits Umbraco.Web.Macros.PartialViewMacroPage
@Html.Action("Index", "CommentsFormSurface")

Any ideas why this might be happening?

Much appreciated,

Henry