Introducing the brand new Sitecore forms that provides an intuitive User Experience that enables the business users and marketers to create powerful forms that cover their business needs. All fully aligned with the Sitecore architecture bringing you all benefits of the core Sitecore plarform.
3. #SitecoreSYM
Forms – render process
Controller Rendering
Get Model Pipeline
Render Form View
RenderFields (Model)
Render Fields Pipeline
Get Model Pipeline
Render Field Pipeline
Form View Result
Field View Results
RenderFields
Model Item Children
Can be customized
BeginRederRouteForm Render Form Pipeline
HTML Helper
(Razor View)
Form initiation Fields iteration
Form Render Request
4. #SitecoreSYM 4
Customization options
Custom CSS and JS
Adopt JS frameworks and CSS to style form
components
Custom razor view(s)
Customize the “look and feel” of the form
RazorView
Customizationpath
Model + property editor
Create additional fields
03Model + property
02
CSS + JS
01
Forms are a crucial part of every website.
starting point of interaction.
your customers create business value, generate leads and drive conversions
It’s not a module anymore it’s part of the core
The new Sitecore Forms is:
new Intuitive User Experience, supported by a full New modern UI/UX. (drag and drop)
It’s Flexible and Customizable; to Empowering the business user to create the forms they need. (multi section and multipage forms)
And last but not least it’s very developer Friendly, it’s fully aligned with the Sitecore architecture bringing you all benefits of the core Sitecore plarform.
This diagram that shows the rendering process…..
As you can see we have implemented pipelines most of are familiar with I assume.
The green boxes show the places where you can customize.
This slide shows the customization path if you like for building custom form elements.
You can start with custom styling and scripting.
If you need more, you can customize your view files.
Another thing you can customise is the submit actions.
This slide shows the different steps of that process.
Submit actions can be added to any button on the form. And they are executed in the order of the list.
First thing to do is create an new submit action item. This item holds all settings needed like what property editor to use, what error message, etc.
Then you need to implement a class that inherits from SubmitActionBase.
If you want to set parameters, you need some UI on top of it so you need to create a SPEAK editor.
Our walkthrough shows all the different steps and we currently have 2 walkthroughs available. One also describes building a SPEAK editor.
We have define following path to get you up to speed in Forms
Download: dev.Sitecore.net
Install: Install SC 9, Forms is part of the core platform
Explore: Get to know the new Forms, play with it and create your first Hello FormEducate; Walkthrough: Custom form component, Custom submit action and validation. Example components: captcha, credit card. Package with example forms.
Customize: Use what you’re learned. Use a Example component to build your own components, build custom submit action, use your favoire JS framework for custimazations.
Share: Share what you’ve learned, write blogposts, host webinars, present on User Groups help others on StackExchange and Community.sc.net. Provide Sitecore with feedback on User Voice
We challenge you to install Sitecore 9, extend and customize Forms and share the results and what you’ve learned with the community and Sitecore.