Inline Popup Field Group
This module provides a way to group fields that appear in a popup, but unlike other popup modules, it keeps the fields visible on the page and allows them to be shown or hidden with buttons. This ensures all field data is retained when saving content, even within nested structures like paragraphs.
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:
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