djoamersfoort / grav-theme Goto Github PK

The desktop navigation hides on lower screen widths, but there's no alternative...

The problem

The Forms plugin currently does not work. This needs to be fixed before the new website can go live.

The solution

There are two ways to solve this:

1. Import a default form renderer.
2. Create a custom form renderer.

Import a default form renderer

The default form can be imported using below line, but it renders a very ugly, unstyled form. This can be fixed with CSS, but maybe we should take control of the rendering ourselves (see solution 2)

{% include "forms/form.html.twig" %}

Create a custom form renderer

A better way is to render our own forms. The documentation describes this rather thoroughly, so we should be able to implement that, but it takes more time.

It does give us an advantage as we can then share those forms across pages rather easily, rendering forms in popups then suddenly becomes possible.

Using this method, you can choose a specific name of a form to display. You can even provide the name of a form defined in other pages. As long as all your form names are unique throughout your site, Grav will find and render the correct form!

A workaround

As long as this issue isn't resolved, users can enable Twig rendering and plop in the form themselves, but I'm not entirely sure that's such a great idea.

The workaround is explained in the docs too, but it's fairly ugly.

---
title: Page with Forms
process:
  twig: true
cache_enable: false
---

<!-- Render form -->
{% include "forms/form.html.twig" %}