javascriptasp.net-mvc-4sitecoreweb-forms-for-marketerssitecore-mvc

$scw(...).eventTracking is not a function in the WFFM in Sitecore MVC

i'm facing an issue with web form for marketers with sitecore MVC i'm able to render WFFM on MVC View when i'm rendering this i'm getting error on Console:

   http://screencast.com/t/GMsjXnCbph

& when i'm submitting this genarate en error like:

  http://screencast.com/t/sbDl7LCe

can anyone help me to figure out this issue, this same form is working fine with web layout issue is only with MVC layout

Solution

  • You seem to have two different issues going on here. I am not sure why you are getting a null ref, make sure you are using an MVC form on an MVC page and that you have no controllers in your custom code named form. The default forms route in the 'Sitecore.MVC.Config' file also needs to be empty.

    As for the JavaScript error, it is because at no point does the event tracking script get added to the page. it seems like a bug and i have reported it to Sitecore.

    For now though you can add the script manually to the WFFM razor view.

    I added it to ~/views/form/index.cshtml

    <script src="~/sitecore/shell/Applications/Modules/Web Forms for Marketers/mvc/Fields/sc.fields-events-tracking.js"></script>

    Edit: I have now found that in the WFFM reference guide it actually says that you need to manually add all the css and js files to your main layout file. it is buried in section 3.15.2.

    You need to add these js file references:

    <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>

    and these css references:

    <link href="~/sitecore/shell/Themes/Standard/Default/WFM/mvc/Fields/Default.css" rel="stylesheet">
<link href="~/sitecore/shell/Themes/Standard/Default/WFM/mvc/Fields/Colors/Default.css" rel="stylesheet">
<link href="~/sitecore/shell/Themes/Standard/Default/WFM/mvc/Fields/Custom.css" rel="stylesheet">
<link href="~/sitecore/shell/Themes/Standard/Default/WFM/mvc/base/jquery.ui.all.css" rel="stylesheet">