Community guidelines

Please keep discussions civil and on-topic. Repeated violations may lead to a temporary ban.

Forms & Blueprints

Twig in form yaml, dynamic input values

Solved by Andy Miller View solution

Started by Adam Born 9 years ago · 3 replies · 2240 views

9 years ago

Hi,

I'm trying to make a contact form which would have one (or more) form fields pre-filled with values from page's frontmatter from which the visitor came to it. I'm not sure if this is understandable, so I'll try to demonstrate that on an example:

page1 with title: green would have a button, that would lead to the form page, when the visitor clicks that button, the form page opens with several contact form fields and some that would somehow get the information from the frontmatter of page1 (for eg. its title - green).

I thought that it would be possible to do quite easily, if twig functioned in the form definitons in yaml, but unfortunately it doesn't work for me.

Is there a way how to do that easily, that I am not able to see?

Thanks in advance!
AB

Andy Miller

Grav Core Team Grav Forum Moderators Grav Creator First Post Conversation Starter Well Liked 335 posts

9 years ago

I've not tried it but it might be possible if you add this to the form.html.twig before the form include is called:

TWIG

{% do form.setAllData(page.header.predefined_fields) %}

Where that predefined_fields had the name of the form field and the appropriate predefined value.

Andy Miller

Grav Core Team Grav Forum Moderators Grav Creator First Post Conversation Starter Well Liked 335 posts

9 years ago Solution

Gave this a quick test and it works! Here's my test:

markdown file:

YAML

---
title: Predefined Form Fields

form:
    name: predefined-form
    fields:
        name:
            label: Name
            placeholder: 'Enter your name'
            autofocus: true
            autocomplete: true
            type: text
            validate:
                required: true

        website:
            label: Website
            placeholder: 'Do you have a website?'
            type: text
            validate:
                rule: url
                required: false

    buttons:
        submit:
            type: submit
            value: Submit
    process:
        message: 'Thank you from your submission!'

predefined_fields:
    name: Bill Smith
---

And here's my Twig:

TWIG

{% extends 'partials/base.html.twig' %}

{% block content %}

    {% set submitted_data = form.data.toArray %}

    {% set merged_data = page.header.predefined_fields|merge(submitted_data) %}

    {% do form.setAllData(merged_data) %}

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

{% endblock %}

9 years ago

Thanks for this solution and prompt reply!

I've combined it with getting the page title from the uri param, that I've added to the link to the form page and it works perfectly!

TWIG

<a href="{{ base_url }}/form/page:{{ page.header.title }}">...

TWIG

...
{% set predefined_field =  {'page': uri.param('page')} %}
...

Topic	Replies	Views	Activity
Getting modular form to work with Typhoon template Forms & Blueprints · by Ton Haarmans, 5 years ago	13	1138	4 months ago
Form works different on different devices Forms & Blueprints · by Hugo Oliveira, 5 months ago	0	61	5 months ago
Include checkbox options from another file Forms & Blueprints · by Flachy Joe, 6 months ago	9	135	6 months ago
Modular page blueprints load, but their custom fields don’t appear in Admin Forms & Blueprints · by Augustus, 7 months ago	7	110	7 months ago
Importing blueprint stopped working (Grav 1.8) Forms & Blueprints · by Julien, 7 months ago	10	129	7 months ago

Suggested topics