How to create a Multistep form?

Created on 16 February 2023, almost 2 years ago
Updated 17 February 2023, almost 2 years ago

Problem/Motivation

I tried the latest official release and the dev-version, but can't make Bootstrap multistep work ... Do I need to wrap them in another field type, or something?

  • Drupal 10
  • Field group bootstrap 3.0.6

Steps to reproduce

  1. Installed and set https://www.drupal.org/project/bootstrap5_admin as administration theme, as recommended
  2. Added three new "Bootstrap multistep" field groups on the Basic Page form (/admin/structure/types/manage/page/form-display)
  3. Added fields under them
  4. Went to the Basic page form (/node/add/page) where all fields are shown

Three "Bootstrap multistep" field groups with fields

The Basic page form shows all fields

Proposed resolution

Remaining tasks

User interface changes

API changes

Data model changes

💬 Support request
Status

Closed: works as designed

Version

3.0

Component

Documentation

Created by

🇩🇰Denmark ressa Copenhagen

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Comments & Activities

  • Issue created by @ressa
  • 🇫🇷France lazzyvn paris

    I cannot understand your problem. Why don't you take a screenshot?
    multistep simple lable(group parent)
    - step 1 (group child)
    --- field 1
    --- field 2
    - step 2 (group child)
    ----field 3

  • 🇩🇰Denmark ressa Copenhagen

    Sure, I'll add the steps I tried and screenshots.

    It would be nice with some basic documentation. Perhaps it can be added in a README.md file i the module, or a documentation page?

  • Status changed to Closed: works as designed almost 2 years ago
  • 🇫🇷France lazzyvn paris

    I now understand why it's not working. Instead of having multiple field groups multistep, you should make one field group multistep with another field group foreach steps, it works like form API.
    If you could provide documentation, that would be appreciated, as I am short on time.

  • 🇩🇰Denmark ressa Copenhagen

    Thanks for the tip, it works better now, and the steps work. But the Status, Revision, and URL alias fields are shown at the bottom ...



Production build 0.71.5 2024