Questions tagged [modal-dialogs]

Use it for questions about modal popup dialogs, including the overlay implemented in the Drupal 7 Overlay module.

Filter by
Sorted by
Tagged with
0
votes
0answers
21 views

OpenModalDialogCommand without site configuration permission

I have a custom module in Drupal 8.9.9 to open a form in a modal dialog with OpenModalDialogCommand. The custom_modal.routing.yml file has: custom_modal.open_modal_form: path: '/modal_form/{title}/{...
-2
votes
0answers
22 views

Add Javascript to ajax dialog creation

TL;DR: Using the Drupal Ajax Dialog API, how to popup a dialog that needs an extra javascript step to complete the initialization of the dialog DOM, e.g. with jsTree? My situation: Drupal page has ...
-1
votes
0answers
28 views

How to display the rendered entity of a display mode in a modal?

My site is built with Drupal 8.9.8 and Drupal Commerce 2.21 I created a module for my marketplace (several stores and owners). It displays a required checkbox, in the purchase funnel. With a link to ...
-1
votes
0answers
32 views

Link dialog not opening

I have two environments. The first is the dev environment on my local machine running on mamp and the second one is a prod environment running on an ubuntu server. On my local env, when I click on the ...
0
votes
1answer
46 views

AJAX Modal Form

I created a modal form with Ajax: <?php /* * To change this license header, choose License Headers in Project Properties. * To change this template file, choose Tools | Templates * and open the ...
0
votes
1answer
574 views

How to display an overlay image in modal window (Colorbox) upon hover

I have a series of images set up to display in modal lightbox-type windows – specifically, using the Colorbox module. The goal is for each image to be paired with a companion graphic overlay which is ...
2
votes
1answer
872 views

Modal form file upload is not working

I am trying to use ctools modal form to edit node form. This form is containing a file field. The Form is rendering properly. When I try to upload a file on clicking upload button, file field has been ...
1
vote
1answer
54 views

Custom form calls different form in modal, submit/ajax callback of second form not called

I created 2 forms: dms_gift_voucher/src/Form/GiftVoucherForm.php ... /** * {@inheritdoc} */ public function buildForm(array $form, FormStateInterface $form_state) { .... $...
0
votes
1answer
561 views

How to trigger a popup window/overlay in my module?

I am stuck in my project. I am working on a module for account management page. When the user update their billing address, a service call will be triggered to send request to a third party API to get ...
1
vote
1answer
103 views

Show node links in modal buttonpane

I want to show some node fields in buttonpane when I open node in modal. As far as I know, it will automatically show there inputs with type submit and links with class button, but I added class ...
0
votes
1answer
533 views

Is it possible to show only node contents in shadowbox pages?

I'm looking for a method to display content (nodes) in a shadowbox overlay without any blocks or menus around it. even if the user is logged in. Has someone an Idea how to do this are there even ...
1
vote
1answer
39 views

Add event listener to modal close

In Drupal we can open a modal is two ways, either with HTML: <a class="use-ajax profile-page-link" data-dialog-type="modal" href="/node/1" data-dialog-options="{&...
2
votes
2answers
1k views

How to close the overlay after form submission

In order to be able to quickly edit Fullcalendar items, I altered the node edit form of the specific content type so the events are saved with AJAX and the page doesn't have to reload. However, I don'...
2
votes
1answer
64 views

Open ajax dialog with JavaScript

By adding use-ajax to a link we can open a modal using the Drupal ajax library as per the docs. E.g. <a class="use-ajax" data-dialog-options="{&quot;width&quot;:400}&...
2
votes
2answers
83 views

Using attach_library in a modal

For ref, I'm working on https://www.drupal.org/project/focal_point/issues/3162218 I have a twig file that handles the contents of a modal window and I want to load a particular CSS file whenever this ...
1
vote
1answer
26 views

Form in modal dialog: Template suggestions have weird random suffix

My custom module has the following form route in mymodule.routing.yml: library_assets.add_asset_to_slideshow_modal: path: 'library/add-to-slideshow-modal/{library_asset_nid}' defaults: _form: ...
2
votes
1answer
398 views

Why does “Cancel People Account” not work?

I have Drupal 7 with Devel installed running over PHP internal server and MySQL. All user operations work correctly except Admin>People>Cancel Account operation. This leads to the overlay Add User ...
0
votes
0answers
36 views

Replace the default modal with a different one

I want to replace Drupal 8 default modal with MDB. How I can do it? Should I unload default library for modals and load new one? Any idea?
0
votes
1answer
35 views

Popups & colorbox issues in Chrome

Hoping for some guidance here. Sometime in the past few weeks, my inline modal popups stopped working in Chrome. I had Colorbox set up at the time, both hand coded inline links and views colorbox ...
0
votes
1answer
391 views

Running JQuery code in Admin Overlay

I have an overlay module installed which allows my admin to open in an Overlay (Jquery Pop Up) I want to run a specific JQuery code whenever admin page opens in an overlay. How can I do that? Thanks....
1
vote
1answer
31 views

How do form #states interact with dialog action buttons, if at all?

A dialog can be fired by a link formatted as such: <a class="use-ajax" data-dialog-options="{&quot;width&quot;:400}" data-dialog-type="modal" href="/some/path"> Some ...
0
votes
0answers
18 views

Adding Custom block types to layout builder side menu

I've created a custom bock type but what to either show it under Add GT Blocks or Start my own menu on the layout builder modal. I've placed this in a module so I would like to add it there. Otherwise ...
2
votes
1answer
458 views

How do I theme the core modal with twig?

Drupal 8 comes with built in modals. This works: <a href="/node/11" class="use-ajax" data-dialog-type ="modal">modal</a> How can I style that modal using twig, to add new classes to the ...
0
votes
0answers
210 views

Programmatically get the current url of the page from where a Webform in a dialog has been loaded

The below link will open the webform (contact) in a dialog: <a href="/form/contact" class="btn btn-success webform-dialog webform-dialog-normal">Contact</a> this same link has been ...
1
vote
1answer
49 views

How to have a dialog box displayed automatically when a page is reached without having to click the link?

Using Dialog API and advice from @leymannx, I added this link to a node (node99): <a class="use-ajax" data-dialog-options="{&quot;width&quot;:600}" data-dialog-type="modal" href="/node/...
1
vote
1answer
99 views

How to populate an Entity Reference field from a modal AjaxResponse?

I have an entity ref autocomplete field (reference to bundle A) in one of my bundles (bundle B). I want to add a button below this field which will open a modal for a bundle A create form. This code ...
0
votes
0answers
66 views

OpenModalDialogCommand in form not working

My form code is as follows. I am not able to figure out why the dialog box is not coming. This used to work before. The only change that I did was updated drupal to 8.8.2 version and it stopped ...
1
vote
1answer
51 views

Modal does not handle errors on login

I have used 'use-ajax' class to render login form in a modal. I want to handle validation errors on same modal without closing it. On successful login it is redirecting correctly, but when an error ...
0
votes
1answer
99 views

Creating ajax modal from event

Here's the deal. I want to create a modal popup when an add to cart event is triggered. I've got the event working just fine but can't seem to get the ajax to work properly. What I'm working off of ...
1
vote
1answer
89 views

How to get node title using this query on template?

Im building a custom filter in Drupal 8 based on some queries. I got this already, here im filtering by values on body: $query = db_select('node__body', 'n') ->fields('...
0
votes
1answer
206 views

How do I set the Layout builder modal to use the administrative theme?

I'm building a custom Drupal theme and wondering if there is a way to get the modal windows to use the default admin theme. I'm using the Layout builder module with a custom block that uses the Media ...
1
vote
1answer
31 views

Issue regading custom form

https://wineshipinsure.com/newdrupal/ex81/helloform I have been using the custom form and followed all the process for creating the custom form but my form is not working and every time getting page ...
0
votes
1answer
71 views

How to open a link in ctools modal by clicking a views row in table format?

I want to open a page in ctools modal. This works for me. <a href="/my-page/nojs" class="ctools-use-modal">Click</a> But now I want to open the same page in ctools modal by clicking the ...
0
votes
0answers
22 views

Dialog modal stops working when updating a block (panel pane, mini-panel, Views. etc) with ajax

I've been using Dialog for a while now, and this is an example of my standard way of requesting a form to be rendered in Dialog popup: $class = array(); $attributes = array(); ...
0
votes
0answers
40 views

SweetAlert doesn't display content markup

The SweetAlert modal is not displaying the content as passed in the option array when returning a response from the controller. Please see the code config below: //$options = ...
1
vote
0answers
25 views

8 - How can I update the entity reference fields of the form when I close the modal?

How can I update the entity reference fields of the form based on selection in the modal dialog when I close the modal ? I have a form and users starts fill the form. Then click on choose address ...
-1
votes
1answer
49 views

on click popup load another popup and close other popup

I'm having a requirement where I have to show popup on the click link. and then after that pop up open need to show related content on that pop-up. this part is working. by doing this <a class="...
0
votes
1answer
124 views

How to get my button in a dialog click?

I have added the following JS to a node form, it clones the submit button but clicking it inside the dialog (which does show up) doesn't submit the form in the browser, just nothing happens when the ...
0
votes
1answer
94 views

Show rendered node in jQuery modal through JSON

Whenever a link has a specific class I want to show it as a jQuery modal. I have added the neccesarry data attributes to the link in order to be able to use it as a modal. I have also created a route ...
6
votes
0answers
1k views

How do I theme a modal popup?

How can I style Drupal 8 modal window to achieve Instagram style and behaviour? I'm creating modal through extending ControllerBase class, thus have full control of content. However I can't figure it ...
0
votes
1answer
47 views

Create a modal popup

I want to show a modal popup in drupal 7. On searching the web I came to know that it can be done using the ctools module itself. Here is the code I tried: function codeexpertz_menu() { $items['...
1
vote
3answers
619 views

Importing and using overlay from jquery_plugin module

I am trying (and failing) to use the jquery overlay plugin from the jquery_plugin module in Drupal 7. I am using drupal_add_library() to add the plugin and drupal_add_js to add the code to generate ...
1
vote
1answer
297 views

How do I use Bootstrap theme's modal.jquery.ui.bridge's mapped events?

I am using a Bootstrap subtheme, and would like to trigger an event when a modal is closed. Reviewing the main theme's modal.jquery.ui.bridge.js file, I see that the bridge is intending to map jQuery ...
1
vote
1answer
937 views

How to display a form in modal dialog on page load?

This is on Drupal 8.6, PHP 7.2, Theme is based on Bootstrap. The scenario is, I want to display a dialog box with a subscription form in the home page. The dialog box will be loaded automatically ...
0
votes
1answer
31 views

Modal dialog doesn't work

I want to display ctools modal. I tried the following code. /** * Implements hook_menu(). */ function my_module_menu() { $items['my_module/%ctools_js/test-page'] = array( 'title' => 'Demo ...
0
votes
1answer
779 views

How to open a node edit form in an overlay (modal window) in Drupal 8

I have a view with nodes of type 'tasks'. I want to easily view and edit these tasks by using a minimized overlay. When I click on a task title in the view, it needs to open in an overlay. In D7 this ...
0
votes
1answer
423 views

How do I trigger a modal from a template that points to a controller returning an AJAX response

I am trying to trigger a modal from a twig. The path of the modal is a controller that returns an AJAX response as below: Routing code usgbc_myaccount.get_badges_evidence_controller: path: '/account/...
1
vote
1answer
967 views

How do you create a link to a modal dialog?

The following code does not work: <div class="topics"><a class="use-ajax" data-dialog-type="modal" href="/topics-listing">All Topics</a></div> Drupal 8.6.5. Bootstrap ...
0
votes
1answer
269 views

Modal Form Submission

I have a modal form that I added to my module and patterned it after this article. I have used it before with no issues, I was able to use the method to show the form and then save the data. Now ...
2
votes
1answer
858 views

Why are variables & CSS loaded in the overlay?

This seems really weird to me and makes no sense. I'm using a custom theme, with Seven as the administration theme (inside the overlay). Why on earth are variables such as $base_url loaded in the ...