Questions tagged [modal-dialogs]
Use it for questions about modal popup dialogs, including the overlay implemented in the Drupal 7 Overlay module.
127
questions
0
votes
0answers
33 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
33 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 ...
1
vote
1answer
20 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="{"width":400}"
data-dialog-type="modal"
href="/some/path">
Some ...
0
votes
0answers
15 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 ...
0
votes
0answers
76 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
194 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 ...
1
vote
1answer
46 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="{"width":600}" data-dialog-type="modal" href="/node/...
0
votes
0answers
27 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
52 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
1answer
84 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
40 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('...
1
vote
1answer
30 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
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
1answer
35 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
1answer
148 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 ...
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
23 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 ...
0
votes
0answers
37 views
How to solve Image Thumbnail Field display of Magnific-popup
After a long search, Magnific-popup Drupal 7 found the best matching lightbox option. I created an image, video, audio, and documents file type fields. Everything is smooth with image file where the ...
0
votes
0answers
51 views
How to detect a webform when is being loaded in a dialog
Explanation:
The below link will open the webform (New Ticket) in a dialog and prepopulate its fields with some data:
<a href="/form/new-ticket?uid={{ field_uid }}&nid={{ field_nid }}" class="...
-1
votes
1answer
47 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
103 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
79 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 ...
0
votes
1answer
42 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
1answer
256 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 ...
0
votes
1answer
28 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 ...
1
vote
1answer
49 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
667 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
333 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/...
0
votes
1answer
733 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 ...
1
vote
1answer
817 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
253 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 ...
6
votes
0answers
991 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 ...
1
vote
0answers
58 views
Open Paragraphs-item into an entityform
I have a profile page with many paragraph sections. I am trying to open the input form for every paragraph separately into a modal form. I don't want to manually build a form for each paragraph. The ...
2
votes
0answers
268 views
Why does my chart created with Easychart not display a chart if number of points are more than 1000?
I installed Easychart module 7.x-3.7 in my Drupal 7.51 site. I'm using Highcharts 4.2.7 in libraries 7.x-2.3.
In the example contenttype easychart_ex, I tried uploading a data.csv file with number ...
0
votes
0answers
363 views
How to open video from a video link in an overlay on the same page?
How to open a video from a video link in an overlay on the same page? For example, If you go to google news you would have seen the video attached on the link, open as an OVERLAY, and play on the same ...
0
votes
1answer
296 views
Administration page doesn't show pop-up (overlay) windows
When I try to place new block by clicking "Place block" button or when I click "Configure" on the block I see no pop-up window as I see in tutorial videos, like here: https://www.youtube.com/watch?v=...
0
votes
1answer
5k views
How to display a Leaflet map in modal window?
I produce geospatial data in a content type with addressfield and geofield. I can display this data in a Leaflet map as field without any problem. But I have to use here a modal, therefore I render ...
1
vote
0answers
16 views
Get the path to current page which has an overlay [duplicate]
I have a page on which there is an overlay. I'm able to get the overlay's path using current_path(). How can I get the page's path on which the overlay is loaded.
Any ideas ?
Thanks
1
vote
0answers
29 views
Node Update - Overlay
I have a problem on saving a specific node. When I try to save it the overlay doesn't disappear, but the node is correctly saved and updated.
If I change node title everything works good.
I attach an ...
0
votes
1answer
218 views
Right side overlay panel Solution
quickie,
I want to create a right-hand side sliding overlay panel for my drupal site. I have been googling and testing solutions for hours. The exact effect that I want can be found here. The ...
3
votes
1answer
135 views
Is there any way to cancel Panels' overlay edit windows?
I don't want to edit Panel panes via overlay edit-windows and therefore I tried to disable the core "Overlay" module at admin/modules but it seems to effect everything except the overlay of the Panels ...
0
votes
1answer
196 views
How do you go to an overlay view within Drupal using drupal_goto?
I want to redirect to a page with an overlay within code. I have tried the following, which is the path in the URL.
drupal_goto('#overlay=admin/vendor/auth-stripe');
The path I want in overlay is ...
0
votes
1answer
1k views
Internet Explorer 11 Overlay does not close
I am experiencing an issue where the overlay wont close when saving a piece of content. This only happens on Internet Explorer 11. I've tested it on Chrome Firefox and IE 10 and it is working fine.
...
1
vote
1answer
101 views
New server runs with https
I have a Drupal site that I am currently developing on a local environment. Recently I uploaded my site to a "live" environment and everything seems to load fine except for all admin functionality. My ...
1
vote
0answers
22 views
Linking to internal pages from the overlay
I have set up a dashboard to work as a main hub for all things related to my current site. I have quick links to internal pages on my site. I would like to know how I can link to those pages from the ...
0
votes
1answer
569 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 ...
0
votes
1answer
235 views
How to Display a pdf, rft, doc, txt on a overlay?
I collect user resumes by using a file field. That field is been display it on view and when you click on it it would download the resume file (either pdf, rft, doc, txt). I would like to open that ...
2
votes
1answer
2k views
How to view blocks with Text Overlay on hover?
I'm working on a Drupal 7 site and I want to achieve similar thing (view blocks with Text Overlay on hover) shown here. http://ibakatv.com/ under the following blocks (sub sections):
Basically I would ...
-2
votes
1answer
109 views
why does the overlaying content in the admin mode not show up anymore? [closed]
Okay, my Drupal admin interface used to work just fine until I introduced some jQuery and CSS changes this morning for the mobile adaptive interface. Now, When I'm in admin mode and for example click ...
1
vote
1answer
607 views
User profile image update from a popup window
Is there a way to make the user profile image updated using overlay window from different page other than /user/edit
