balo85/inline_popup_field_group

Adds a new field group option "Fake popup" which puts its children in a simple popup

1.0.6 2021-11-09 20:01 UTC

Requires

• drupal/field_group: ^3.2

GPL-2.0-or-later

• Giovanni Rocchini

README

• 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 (URL https://www.drupal.org/project/popup_field_group), but is doesn't work for me. In my use case I need to manage fields as popup inside a nested paragraphs.

The Popup field group makes use of the Drupal.dialog JS library.

For 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 fielset, 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 visualization as all the other Field Group. Add a new Popup Fake container and move inside each field you need. Please use Link text to define the title of the button in the page.

FAQ

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

A: Yes, you will find all 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 than run gulp with gulp watch. Now you can change all you need in assets/scss/inline_popup_field_group.scss

MAINTAINERS

• Giovanni Rocchini - https://www.drupal.org/u/grocchini

Supporting organization:

• TourTools - https://www.drupal.org/tourtools