Inline Popup Field Group

Contents of this file

• Introduction
• Requirements
• Installation
• Configuration
• Maintainers

Introduction

The Inline Popup Field Group defines a custom display mode for Drupal Field Group.
The base idea was to use Popup field group, but it doesn't work for me.
In my use case, I need to manage fields as popups inside nested paragraphs.
The Popup field group makes use of the Drupal.dialog JS library.
From what I've seen, using it in nested paragraphs results in the dialog removing the original fields, leaving the saved node without this information.
This module keeps all fields in a fieldset, hiding it and adding buttons to show/hide the fieldset.
This ensures that all fields remain on the page, retaining all information when saving the node.

Requirements

This module requires the following modules:

• Field Group

Installation

Install the Inline Popup Field Group module as you would normally install a contributed
Drupal module. Visit https://www.drupal.org/node/1897420 for further
information.

Configuration

Use this module in your form display as you would with all other Field Group modules.
Add a new Popup Fake container and move inside each field you need.
Please use Link text to define the title of the button on the page.

FAQ

Q: Can I define a custom style for my Popup?

A: Yes, you will find everything you need in this module. The module has a ready gulpfile to compile the SCSS file that is in assets/scss.
Please install all the requirements with npm install and then run gulp with gulp watch. Now you can change everything you need in assets/scss/inline_popup_field_group.scss