Monday, January 26, 2015

Web Forms for Marketers 8.0 (MVC)

I just tried installing the new WFFM 8.0 module and ran into a few issues. I figured I would share the findings in case if someone else is battling the same problem.

First, if you are installing WFFM on Sitecore 8.0, don't try to install WFFM 2.5, it won't work. There is a new version of the module for Sitecore 8.0. You can download it on the same page where you download Sitecore 8 on https://dev.sitecore.net

Second, MVC folder under "sitecore\shell\Applications\Modules\Web Forms for Marketers" is missing after WFFM 8.0 installation, so to make the module work you will have to download WFFM 2.5 CD zip file from sdn.sitecore.net and copy MVC folder into your Sitecore 8.0 Website folder under "sitecore\shell\Applications\Modules\Web Forms for Marketers".

The next is to update the JS and CSS references to the proper files. WFFM 2.5 documentation does not have proper references for version 8.0. To get the module working I had to update them to the following:


    <!-- WFFM scripts -->
    <script src="~/sitecore/shell/Applications/Modules/Web Forms for Marketers/mvc/jquery-1.8.2.min.js"></script>
    <script src="~/sitecore/shell/Applications/Modules/Web Forms for Marketers/mvc/jquery-ui-1.8.24.js"></script>
    <script src="~/sitecore/shell/Applications/Modules/Web Forms for Marketers/mvc/jquery.validate.js"></script>
    <script src="~/sitecore/shell/Applications/Modules/Web Forms for Marketers/mvc/jquery.validate.unobtrusive.js"></script>
    <script src="~/sitecore/shell/Applications/Modules/Web Forms for Marketers/mvc/Fields/sc.fields-unobtrusive.js"></script>
    <script src="~/sitecore/shell/Applications/Modules/Web Forms for Marketers/mvc/Fields/sc.fields-events-tracking.js"></script>
    <script src="~/sitecore/shell/Applications/Modules/Web Forms for Marketers/mvc/Fields/sc.fields-date.js"></script>
    <script src="~/sitecore/shell/Applications/Modules/Web Forms for Marketers/mvc/Fields/sc.fields-captcha.js"></script>
    <script src="~/sitecore/shell/Applications/Modules/Web Forms for Marketers/mvc/Fields/sc.ajax-form.js"></script>

    <!-- WFFM styles -->
    <link href="~/sitecore modules/shell/Web Forms for Marketers/Themes/mvc/Fields/Default.css" rel="stylesheet">
    <link href="~/sitecore modules/shell/Web Forms for Marketers/Themes/mvc/Fields/Colors/Default.css" rel="stylesheet">
    <link href="~/sitecore modules/shell/Web Forms for Marketers/Themes/mvc/Fields/Custom.css" rel="stylesheet">

    <link href="~/sitecore modules/shell/Web Forms for Marketers/Themes/mvc/base/jquery.ui.all.css" rel="stylesheet">


There are also non-existent type references for the following commands:

      <command name="forms:export:completed" type="Sitecore.Forms.Core.Commands.Export.ExportCompleted,Sitecore.Forms.Core" />
      <command name="forms:datarefresh" type="Sitecore.Forms.Core.Commands.View.Refresh,Sitecore.Forms.Core" />  
      <command name="forms:selectfields" type="Sitecore.Forms.Core.Commands.Fields.SelectFields,Sitecore.Forms.Core" />
      <command name="forms:opensession" type="Sitecore.Form.Core.Commands.OpenSession,Sitecore.Forms.Core" />

I have submitted a Sitecore support ticket regarding these and will post their response when they provide it.