Designing and theming Webforms for Drupal 8
Webform 8.x-5.x is the latest iteration of Drupal's most popular form builder and submission manager. The Webform module for Drupal 8 is a completely new code base, that takes a different, but familiar approach to solving the challenges of building rich, flexible, and maintainable client facing forms for a Drupal website. The new Webform module includes many new features and leverages improvements in Drupal 8, including OO design patterns, extendable plugins, and external libraries.
The goal of this session is to get front-end developers and designers familiar with the Drupal 8 version of the Webform module, walk-thru how Drupal's Form API (FAPI) works, review how front-end libraries are integrated, and finally show front-end developers how to tweak and style forms and elements using alter hooks, preprocessing functions, and templates.
The session will be a continuation of my recent Webform 8.x-5.x [1] at DrupalCon Baltimore. I am looking forward to being able to document and share all the different ways front-end developers and designers can have full control over the look-n-feel and behaviors of their Webforms and any form in Drupal 8. This session will truly be about "Designing and theming Webforms for Drupal 8".
This session will cover…
- What is the Webform module?
- Why use the Webform module?
- How are forms built, rendered, validated, and handled by Drupal?
- How to alter a form and/or element using alter hooks and #after_build?
- How to preprocess and theme form elements?
- When to use an alter hooks vs a template preprocessor?
- Overview of Libraries API and how it is used in the Webform module?
- What are front-end libraries included in the Webform module?
- How to manage, disabled, enable, alter, and/or override front-end libraries?
- How can front-end developers help improve the Webform module?
If you would like to get more familiar with the Webform module, please visit
the Webform 8.x-5.x documentation pages for an introduction [2], features
overview [3], and video tutorials [4].
[1] https://events.drupal.org/baltimore2017/sessions/webform-8x-5x
[2] https://www.drupal.org/node/2834423
[3] https://www.drupal.org/node/2837024
[4] https://www.drupal.org/node/2834424