WFFM gives you the ability to setup custom fields (see Sitecore docs). I based this implementation on section 3.7.3

In your solution setup a custom ascx:

<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="CustomFormItem.ascx.cs" Inherits="###.Website.Forms.CustomFormItem" %>
<asp:HiddenField runat="server" ID="ButtonHiddenField" />
<script type="text/javascript">
    $scw(document).ready(function () {
        var hiddenField = $scw('#<%= ButtonHiddenField.ClientID%>')
        var submit = hiddenField.parentsUntil('#MainPanel').find(':submit');
        var clone = submit.clone(true);
        clone.attr('value', '<%=Title%>');
        clone.click(function() {
            hiddenField.val('<%=Title%>');
        });
        submit.click(function() {
            hiddenField.val('<%=DefaultButtonText%>');
        });
        clone.appendTo(submit.parent());
    });
</script>

and then the code behind:

using System;
using System.Web.UI;
using Sitecore.Data.Items;
using Sitecore.Form.Core.Controls.Data;
using Sitecore.Form.Web.UI.Controls;

namespace ###.Website.Forms
{
    public partial class CustomFormItem : ValidateUserControl, IHasTitle
    {
        protected void Page_Load(object sender, EventArgs e)
        {

        }

        public string DefaultButtonText
        {
            get 
            { 
                Item item = Sitecore.Context.Database.GetItem(Form.FormID);

                if (item != null)
                {
                    return item.Fields["Name"].Value;
                }

                return "default button";
            }
        }

        public override ControlResult Result
        {
            get { return new ControlResult("Custom Button", ButtonHiddenField.Value, "parameters"); }
        }

        protected override Control ValidatorContainer
        {
            get { return new Control(); }
        }

        protected override Control InnerValidatorContainer
        {
            get { return new Control(); }
        }

        public string Title { get; set; }
    }
}

You then need to create the custom field within Sitecore. This wants to live in ‘/sitecore/system/Modules/Web Forms for Marketers/Settings/Field Types/Custom’. The only field you need to set is the UserControl field. In my example this was /forms/customformitem.ascx.

When you setup your form you can then select:

In the front end this looks like:

And finally, when you submit you get:

Sorry mr a@b.com!, you might receive a few test signups 🙂

The post Two submit buttons in Sitecore WFFM appeared first on blog.boro2g .co.uk.