forms as structured content
DESCRIPTION
From dotCMS Boot Camp 2010. This presentation talks about form submissions can now be stored as content and dynamically reported on HTML pages. Any user can place complex forms on any HTML page in the dotCMS 1.9 version.TRANSCRIPT
![Page 1: Forms as Structured Content](https://reader033.vdocuments.net/reader033/viewer/2022051613/54c783694a7959f6208b4658/html5/thumbnails/1.jpg)
Forms as Structured Content
dotCMS version 1.9 introduces the ability to store form submissions as structured content
We hope you enjoy our presenta>on of this powerful new feature!
Welcome!
![Page 2: Forms as Structured Content](https://reader033.vdocuments.net/reader033/viewer/2022051613/54c783694a7959f6208b4658/html5/thumbnails/2.jpg)
I don’t like change!
![Page 3: Forms as Structured Content](https://reader033.vdocuments.net/reader033/viewer/2022051613/54c783694a7959f6208b4658/html5/thumbnails/3.jpg)
What was wrong with the old way?
• Email harves>ng from forms • Spam aGacks • No server side form valida>on • Limited form repor>ng • Inability to dynamically interact with form submissions
• Form code exposed on webpage • Higher barrier of entry to crea>ng forms
![Page 4: Forms as Structured Content](https://reader033.vdocuments.net/reader033/viewer/2022051613/54c783694a7959f6208b4658/html5/thumbnails/4.jpg)
1.9 Supported Form Building Methods
Legacy Support?
Legacy Form Builder
Legacy Form Handling
Legacy Form Repor>ng
What got added?
Form structure type
Add form content on any page
HTML free form building
De-‐coupling form code from the page
Dynamic form repor>ng
![Page 5: Forms as Structured Content](https://reader033.vdocuments.net/reader033/viewer/2022051613/54c783694a7959f6208b4658/html5/thumbnails/5.jpg)
Why is it Cool?
![Page 6: Forms as Structured Content](https://reader033.vdocuments.net/reader033/viewer/2022051613/54c783694a7959f6208b4658/html5/thumbnails/6.jpg)
Why is it Cool?
• Create custom forms with no HTML/Velocity
• Make complex forms with ease
• Simple, re-‐usable forms
• Create dynamic pages that react to form submiGed content
• Dynamic, customizable form repor>ng
![Page 7: Forms as Structured Content](https://reader033.vdocuments.net/reader033/viewer/2022051613/54c783694a7959f6208b4658/html5/thumbnails/7.jpg)
24 Form Field Types field types include...
Category fields Rela>onships Tab dividers WYSIWYG
Images Binary Files
![Page 8: Forms as Structured Content](https://reader033.vdocuments.net/reader033/viewer/2022051613/54c783694a7959f6208b4658/html5/thumbnails/8.jpg)
I fear this has become complicated
![Page 9: Forms as Structured Content](https://reader033.vdocuments.net/reader033/viewer/2022051613/54c783694a7959f6208b4658/html5/thumbnails/9.jpg)
How do I create a new form? 1. Make a “Thank You” page
2. Create a form structure
3. Fill in required hidden form fields
4. Add the desired form fields
5. Add the form to a webpage
![Page 10: Forms as Structured Content](https://reader033.vdocuments.net/reader033/viewer/2022051613/54c783694a7959f6208b4658/html5/thumbnails/10.jpg)
Placing a Form on an HTML Page
• Forms can now be added to all content containers
• Content Editors can now search for and place forms on webpages without having access to
form code
• Permissions control which forms users can see and use
![Page 11: Forms as Structured Content](https://reader033.vdocuments.net/reader033/viewer/2022051613/54c783694a7959f6208b4658/html5/thumbnails/11.jpg)
Form Crea>on Made Easy!
• Let's Create a Sample Form!
![Page 12: Forms as Structured Content](https://reader033.vdocuments.net/reader033/viewer/2022051613/54c783694a7959f6208b4658/html5/thumbnails/12.jpg)
Don't Panic! You are NOT boxed in by default styling
![Page 13: Forms as Structured Content](https://reader033.vdocuments.net/reader033/viewer/2022051613/54c783694a7959f6208b4658/html5/thumbnails/13.jpg)
Styling Form Content
Default Dojo.css /dotCMS/html/js/dojo/release/dojo/dijit/themes
How can I override dojo.css with my own?
#set($contentFormMacroCSS = '/path/formstyle.css')
![Page 14: Forms as Structured Content](https://reader033.vdocuments.net/reader033/viewer/2022051613/54c783694a7959f6208b4658/html5/thumbnails/14.jpg)
New Methods in Form Repor>ng
• Download simple Excel reports
• View forms as content
• Create dynamic form reports
• Legacy form repor>ng
![Page 15: Forms as Structured Content](https://reader033.vdocuments.net/reader033/viewer/2022051613/54c783694a7959f6208b4658/html5/thumbnails/15.jpg)
Dynamic Display of Form Submissions
• Generate pullContent query in form content search
• Place a velocity widget on a page that pulls form submissions
#pullContent("+structureName:TrainingFeedback","0","modDate desc") #foreach($formSubmission in $list) .....
#end
![Page 16: Forms as Structured Content](https://reader033.vdocuments.net/reader033/viewer/2022051613/54c783694a7959f6208b4658/html5/thumbnails/16.jpg)
Review of New Form Handling Concepts
Three supported methods for crea>ng forms (legacy form builder, legacy form fields, forms as
structured content) Powerful new form fields
Stop Email harves>ng Form submissions now stored/retrieved as
content HTML pages can now pull content from form
submissions Simple form crea>on
![Page 17: Forms as Structured Content](https://reader033.vdocuments.net/reader033/viewer/2022051613/54c783694a7959f6208b4658/html5/thumbnails/17.jpg)
Penny for your thoughts
• What do you like about the changes?
• How can this tooling be leveraged? • Possible use cases?
• What is your ini>al reac>on to this feature?