nl-design-system / nlds-gravity-forms

WordPress Gravity Forms theme for NL Design System styles. Authors of WordPress websites can now use their NL Design System theme in Gravity Forms. This repository is maintained by the NL Design System community.

NL Design System thema en documentatie voor Gravity Forms

nlds-gravity-forms's Issues

Avoid max-inline-size of Utrecht textbox for column support

The textboxes don't span the entire column width currently, probably due to a built-in fallback token. Perhaps inside columns we should set the max-inline-size token to 100%

Add documentation on how to install the right accessibility settings and create accessibe forms

Add documentation about

• how to install Gravity Forms with the right accessibility settings
• how to create an accessible form
• how to include an accessiblie form on a page

Enqueue custom Gravity Forms stylesheet when the block is selected

Enqueue custom Gravity Forms stylesheet when the Gravity Forms block is selected;

Styles are Utrecht, more info check with Robert.

Add documentation on how to make sure Gravity Foms complies with GDPR

If the form asks for personal data, this data can be stored in the database. Here GDPR legistation applies.
The users must be aware of this and also know how to act.

Two good resources:

• The documentation of Gravity Forms: WordPress, Gravity Forms, and GDPR Compliance
• Post by CosmicGiant from 2022 with helpful info: Complete Guide to Gravity Forms GDPR Compliance in WordPress

Storybook

When a new Gravity Forms update is released we want to validate if they changed something that may break our code.

Therefor we're going to create a Storybook with all fields in all possible statuses so we can apply a visual regression test.

Suggestions welcome about the following points:

1. A way how we can add styles with the correct styling so it doesn't break with the NLDS styling (Hall of Fame, Utrecht, Den Haag, Rotterdam etc). We do not want the editor to re-style the whole form over and over again.

Create new plugin `NLDS Gravity Forms Add-on`

Create new plugin NLDS Gravity Forms Add-on;

On activation:

• Check for required plugin: Gravity Forms, activate Gravity Forms if it's installed but not activated, disable the plugin when the required plugin is not installed;
• If it has Gravity Forms check for the version, if we support it or not, if not: Show an admin notification to update Gravity Forms;

Add a composer.json ;-)

Add option to allow field errors above the field

Due to a11y the error messages must be shown above the field. Therefor we want to provide the editor with an option to set it above or below.

Default settings GravityForms settings

Check the document of Rian Rietveld with best practices.

Add option in the Gravity Forms settings panel: "Use NLDS Gravity Forms Add-on default settings".

Settings must be set as default, but not overwrite when they already exist. If they differ, set a warning. The editor is responsible for deviating from the default.

Check for filter: "On create new form"