An SUG Bangalore Session on WFFM Customizations by Sanjay Singh, at the Meetup organized on 24th March 2018 @ Sapient, Bangalore.

1. Sitecore User Group Bengaluru
24th March 2018
1

2. WFFM Customizations
Sanjay Singh
Sitecore Certified Developer
Technical Lead, Sonata Software
@geeksthought
mailsanjay38@gmail.com
www.sitecoretricks.com
2

3. Today’s Agenda
 Custom save actions
 Out of the box styling
 Cross-field validations
 Pipelines Customization (if Time Permits)
 Demo
3

4. Custom Save Actions
 WFFM module comes with some prebuild save actions to act on the data
being submitted through the form.
 These prebuild save actions cannot be used to send/save the data to a
third party database/CRM tools like salesforce.
 So to do such integrations, you can write your own save action by
extending some prebuild Sitecore classes/interfaces. For example
ISaveAction interface and SendMessage class.
 These interfaces and classes will be included in Sitecore.WFFM.Actoins.dll
& Sitecore.WFFM.Abstractions.Actions.dll
4

5. Let’s create a custom save action 5

6. Web Forms styling
 Out of the box styling for web forms is possible by adding some CSS
classes to the custom.css file.
 You can control the look and feel of your forms in Sitecore.
 Post-Validation styles for form fields and labels
 Customizing the overall form structure
6

7. Out of box Styling changes
Default Web Form Web Form Using Custom CSS
7

8. Cross-field validations
 WFFM module contains a number of field-type validations by default
 After from default validations, we can also create our own custom field-
type validations
 Make sure your custom validator class inherits from
Sitecore.Form.Core.Validators.FormCustomValidator
 your custom field-type validator can be used for any form within your
website.
8

9. 9

10. 10

11. Thank you !!!
11