Multi stage custom forms

[bfaulkner-champions]

Hi all,

This could be a face-palmingly obvious thing, but I'm trying to create a multi-stage form. Preferably with each segment inside of an accordion.

I'm having issues accessing the data in a clean way. The only thing I can come up with is something like below, which seems uncharacteristically ugly. I really want to keep everything using the same partials so the site doesn't become a nightmare to maintain. Is there a much cleaner way?

<!-- Accordion wrapper, item, title etc -->
{{ 
    partial:vendor/statamic/forms/fields/select 
    handle="{form_field:fields:start_your_journey:handle}"
    validate="{form_field:fields:start_your_journey:validate}"
    required="{form_field:fields:start_your_journey:required}"
    multiple="{form_field:fields:start_your_journey:multiple}"
    value="{form_field:fields:start_your_journey:value}"
    options="{form_field:fields:start_your_journey:options}"
    old="{form_field:fields:start_your_journey:old}"
    selected="{form_field:fields:start_your_journey:selected}"
    default="{form_field:fields:start_your_journey:default}"
}}
<!-- More fields, closing of accordion item, repeat -->

I was hoping for something more like:

{{ partial:vendor/statamic/forms/fields/select :field="{form_field:fields:start_your_journey}" }}

[ryanmitchell]

Did you try: {{ partial:vendor/statamic/forms/fields/select :field="form_field:fields:start_your_journey" }} ?

[ryanmitchell]

You're passing everything inside "field" now, so it should be something like:

<select name="{{ field:handle }}{{ field:multiple ?= "[]" }}"{{ field:multiple ?= " multiple" }}{{ if field:validate|contains:required }} required{{ /if }}>
    {{ unless field:multiple }}
        <option value>{{ trans key="Please select..." }}</option>
    {{ /unless }}
    {{ foreach:field:options as="value|label" }}
        <option value="{{ value }}"{{ if field:old|in_array:value or field:old === value }} selected{{ /if }}{{ if ! field:old && field:default === value }} selected{{ /if }}>{{ label }}</option>
    {{ /foreach:field:options }}
</select>

[bfaulkner-champions]

Will that not break anything being dynamically done through {{ fields }} ... {{ /fields }} ? Is it easiest just to add in another partial in that case?

[ryanmitchell]

It shouldn’t break anything.

[bfaulkner-champions]

No luck :( I'm sure it must be obvious but I'm not having any luck!

Here's the call:
{{ partial:vendor/statamic/forms/fields/select :field="form_field:fields:start_your_journey" }}

Which goes to:

<select name="{{ field:handle }}{{ field:multiple ?= "[]" }}"{{ field:multiple ?= " multiple" }}{{ if field:validate|contains:required }} required{{ /if }}>
    {{ unless field:multiple }}
        <option value>{{ trans key="Please select..." }}</option>
    {{ /unless }}
    {{ foreach:field:options as="value|label" }}
        <option value="{{ value }}"{{ if field:old|in_array:value or field:old === value }} selected{{ /if }}{{ if ! field:old && field:default === value }} selected{{ /if }}>{{ label }}</option>
    {{ /foreach:field:options }}
</select>

If I dump the "field" inside the partial, then it looks like the "fields" keyword forces it to loop through everything (the other fields are not select type)

Illuminate\Support\Collection {[#4648 ▼]()
  #items: array:8 [[▼]()
    "start_your_journey" => Statamic\Fields\Field {[#4647 ▶]()}
    "your_name" => Statamic\Fields\Field {[#4640 ▶]()}
    "company_name" => Statamic\Fields\Field {[#4636 ▶]()}
    "email" => Statamic\Fields\Field {[#4656 ▶]()}
    "tax_year" => Statamic\Fields\Field {[#4654 ▶]()}
    "accountant" => Statamic\Fields\Field {[#4651 ▶]()}
    "html_field" => Statamic\Fields\Field {[#4631 ▶]()}
    "markdown_field" => Statamic\Fields\Field {[#4639 ▶]()}
  ]
  #escapeWhenCastingToString: false
}

As an FYI, this is running in runtime mode.

[ryanmitchell]

Its getting there... you've got the collection now and its got your data.
Maybe try the get modifier eg {{ field get="handle" }} ? If not my next step would be a custom tag or modifier.