Module Description
🇺🇦 This module is maintained by Ukrainian developers. Please consider supporting Ukraine in a fight for their freedom and safety of Europe. Adds ability to display Field group as a popup.
This module does not mess around with the structure of the form or the DOM particularly. Rather the children of the group are surrounded in a <div>, which is then styled as a very simple position-fixed popup.
A button is then rendered on the form which toggles the popup open/closed. The label of the button is configurable.
How to translate Unfortunately Popup field group module doesn't have UI for translation.
Remaining tasks
* #3114825: Document how to translate field group labels and descriptions
* #2546212: Entity view/form mode formatter/widget settings have no translation UI
But you can translate module strings manually in config:
* Copy-Paste related config file to the config language directory
* For example for Node type Article:
* Config file for node "Default" display ("Manage display" tab) will have name: core.entity_view_display.node.article.default.yml
* Config file for entity form display ("Manage form display" tab) will have name: core.entity_form_display.node.article.default.yml
* For French language config language directory will be language/fr/ in the root of your configuration sync folder
* Remove (from config file in the config language directory) all content not related to strings which should be translated.
* Add string translations
* As result you'll have the code like: third_party_settings: field_group: group_popup: format_settings: popup_link: text: 'Link text translation' popup_labels: title: 'Popup title translation' close_text: 'Close button hint translation'
* Import added configuration on Synchronize page (/admin/config/development/configuration) by pressing "Import all" button
Theming the popup For convenience this module allows you to choose arbitrary additional CSS files to be included on the page. This allows you to easily customize the styling of the popup, even though it may be being viewed in an admin theme.
The System Stream Wrapper module must be installed to use this feature.
Browser support The popups have been tested in the Seven theme, down to Internet Explorer 8. It's all very simple so I would hope that it works down to Internet Explorer 5.5 (if your admin theme can otherwise handle that!).
Similar modules Field Group Colorbox does a similar thing, from a brief look I would emphasize these differences:
* Field Group Colorbox supports grouping fields into an additional "Trigger" group, allowing you to customize which elements trigger the colorbox. Popup field group only adds a button in-place to trigger the popup it, though you can customize the text on it.
* Field Group Colorbox uses Colorbox, this gives you way more control over the particulars/parameters of the popup, but may be more likely to break JS behaviours you may have on the page (since it moves stuff around in the DOM). For example Drupal #states on a node edit form works great with Popup field group.
* Field Group Colorbox doesn't support nested popups (i.e. a popup over a popup) since there can only be one instance of Colorbox open on a page. Popup field group supports these out of the box pretty much to an arbitrary depth. Not that I'm recommending this as good UX!
* This is speculation, but I wonder if Field Group Colorbox was built with entity view (i.e. Manage Display) in mind, while Popup field group was certainly built with entity edit (i.e. Manage Fields) in mind. As such it may be true to say Field Group Colorbox will look/feel way nicer out of the box - suitable for showing to an end user, while Popup field group works great on the entity edit form in the Seven admin theme for tidying up your admin UX.
Please do let me know if I have misrepresented Field Group Colorbox or there is something more helpful I could put here!
This module does not mess around with the structure of the form or the DOM particularly. Rather the children of the group are surrounded in a <div>, which is then styled as a very simple position-fixed popup.
A button is then rendered on the form which toggles the popup open/closed. The label of the button is configurable.
How to translate Unfortunately Popup field group module doesn't have UI for translation.
Remaining tasks
* #3114825: Document how to translate field group labels and descriptions
* #2546212: Entity view/form mode formatter/widget settings have no translation UI
But you can translate module strings manually in config:
* Copy-Paste related config file to the config language directory
* For example for Node type Article:
* Config file for node "Default" display ("Manage display" tab) will have name: core.entity_view_display.node.article.default.yml
* Config file for entity form display ("Manage form display" tab) will have name: core.entity_form_display.node.article.default.yml
* For French language config language directory will be language/fr/ in the root of your configuration sync folder
* Remove (from config file in the config language directory) all content not related to strings which should be translated.
* Add string translations
* As result you'll have the code like: third_party_settings: field_group: group_popup: format_settings: popup_link: text: 'Link text translation' popup_labels: title: 'Popup title translation' close_text: 'Close button hint translation'
* Import added configuration on Synchronize page (/admin/config/development/configuration) by pressing "Import all" button
Theming the popup For convenience this module allows you to choose arbitrary additional CSS files to be included on the page. This allows you to easily customize the styling of the popup, even though it may be being viewed in an admin theme.
The System Stream Wrapper module must be installed to use this feature.
Browser support The popups have been tested in the Seven theme, down to Internet Explorer 8. It's all very simple so I would hope that it works down to Internet Explorer 5.5 (if your admin theme can otherwise handle that!).
Similar modules Field Group Colorbox does a similar thing, from a brief look I would emphasize these differences:
* Field Group Colorbox supports grouping fields into an additional "Trigger" group, allowing you to customize which elements trigger the colorbox. Popup field group only adds a button in-place to trigger the popup it, though you can customize the text on it.
* Field Group Colorbox uses Colorbox, this gives you way more control over the particulars/parameters of the popup, but may be more likely to break JS behaviours you may have on the page (since it moves stuff around in the DOM). For example Drupal #states on a node edit form works great with Popup field group.
* Field Group Colorbox doesn't support nested popups (i.e. a popup over a popup) since there can only be one instance of Colorbox open on a page. Popup field group supports these out of the box pretty much to an arbitrary depth. Not that I'm recommending this as good UX!
* This is speculation, but I wonder if Field Group Colorbox was built with entity view (i.e. Manage Display) in mind, while Popup field group was certainly built with entity edit (i.e. Manage Fields) in mind. As such it may be true to say Field Group Colorbox will look/feel way nicer out of the box - suitable for showing to an end user, while Popup field group works great on the entity edit form in the Seven admin theme for tidying up your admin UX.
Please do let me know if I have misrepresented Field Group Colorbox or there is something more helpful I could put here!
Module Link
Project Usage
1872
Security Covered
Covered By Security Advisory
Version Available
Production
Module Summary
This module adds the ability to display a Field group as a popup without altering the form structure or DOM, allowing for simple position-fixed popups toggled by a configurable button label.
Data Name
popup_field_group
OPENAI CHATBOT
OPENAI CHATBOT
