Stack Overflow
Stack Overflow

Questions tagged [bootstrap-modal]

Bootstrap provides a JavaScript-powered dialog element that can be used to replace native dialogs (to a degree); unlike native dialogs, Bootstrap modals cannot block the flow of execution.

Bootstrap provides a JavaScript-powered dialog element that can be used to replace native dialogs (to a degree); unlike native dialogs, Bootstrap modals cannot block the flow of execution.

Dialogs can be manually triggered (using Bootstrap's .modal() function), or via data-attributes. Modals must be triggered on correctly-structured HTML templates, as shown in the linked documentation.

7716 questions
1
vote
1 answer

Unable to set value to select2 drop down

To do: Add a city under a country. Then attempt to edit the city record. I have: City name as a textbox and Country as a Select2 dropdown in the bootstrap modal which is accessed using a Edit button on the page. Issue - I am unable to set the value…
Vineetha
  • 11
  • 2
1
vote
2 answers

my popup not showing in upper side , i have tried many ways to do thid in laravel

enter image description here this is my laravel blade code, I want to show the popup on the same page, it is showing also. But it is not clickable, and shows fade model can anyone suggest me to do another method, as I have tried other's method also.…
Shivangi rawat
  • 23
  • 1
  • 6
1
vote
0 answers

The bootstrap modal does not show on the first time after calling php file by using Ajax

I am trying to display a modal by using bootstrap framework. Before showing modal, I let my web application connect to php file to get some data. Once data is being delivered by the php, it supposes to display the modal but it does not work. But…
sambo visal
  • 33
  • 5
1
vote
0 answers

Mapbox Render Issue in Bootstrap Modal Reactjs

I have been trying to add mapbox in a bootstrap modal in Reactjs. I have a component which calls a child component of Map having all elements required by MapBox. import React, { useRef, useEffect, useState } from 'react'; import mapboxgl from…
Ankit Shah
  • 1,087
  • 2
  • 15
  • 30
1
vote
1 answer

react unknown error "index.js:63 Uncaught TypeError: Cannot read property 'nodeName' of null"

Using React and Bootstrap to create a dialog (deleted everything unnecessary, but the error persists): import React, { Component, } from 'react'; import { Modal, } from 'react-bootstrap'; class MyDialog_MultiSelect extends…
Zhihar
  • 1,306
  • 1
  • 22
  • 45
1
vote
1 answer

html - show data from parent to modal in bootstrap

I am having a page and i am using the following code to show in title the surname & name(cname in the code). html:

 

js: $(document).ready(function() { …
YvetteLee
  • 1,057
  • 3
  • 13
  • 27
1
vote
1 answer

Where should submit buttons be located for a form located in a Bootstrap modal?

Below is example HTML straight from the docs except that I added an id to the form element. Why are they showing the buttons outside of the form? Shouldn't they be located within the form so that when clicked, the form is submitted? Please see my…
user1032531
  • 24,767
  • 68
  • 217
  • 387
1
vote
4 answers

Why is this text overflowing and how to not make it overflow?

I'm trying to create a navigation menu bar using bootstrap, but the text inside the menu overflows, can anybody help? Here is the screenshot of the text overflow: Screenshot of the text overflowing What I'm trying to do is to make the text wrap if…
learningJust
  • 23
  • 4
1
vote
2 answers

@ViewChild returns undefined. I can not access to the carousel ElementRef inside a modal

I am new to Angular CLI and I am using v11. I am trying to create an image gallery that clicking on some image generates a modal with a carousel showing the selected image at the beginning. But when I click on the image and the modal appears, for…
Roger Godofredo Rivero Morales
  • 23
  • 1
  • 6
1
vote
1 answer

Login modal in ASP.net Core Razor Pages

I want to create an asp.net core razor pages (not MVC) program with modal for some of it's functionalities like login, forgot password, etc. I created a razor page for login with a bootstrap modal and a link to open the modal in the frontend and…
Hossein Pour
  • 19
  • 8
1
vote
2 answers

How can i open just one modal through a map function

im trying to make a subpage for a record label, i need to display all the artists on cards and then have their full profile displayed on a modal, whenever i try to open the modal all of them open and close when i click the card button, i've tried…
Octavio Kh
  • 35
  • 1
  • 6
1
vote
2 answers

jQuery select2 appearence issue in modal

I am using jQuery select2 inside a modal... but its appearance is not right... u can see it in the below image... How to fix this ? Problem happens only inside modal.image
…
Rahul
  • 35
  • 5
1
vote
1 answer

Get Textbox value from bootstrap modal dynamically

I have a table that will retrieve all the users information along with a button that will open a popup modal to edit the user details. The Modal will display the user data correctly , but when I try to save the changes that the user has entered on a…
Sarah Aldosari
  • 41
  • 2
  • 6
1
vote
2 answers

Link Dynamic Div to Dynamic Modal

I have a dynamically generated "user grid" and a dynamically generated "user modal". The modal is triggered when a "user card" is clicked (this functionality is working great). However, when clicking on a specific "user card"... it does not just…
Captain Steve
  • 61
  • 7
1
vote
2 answers

Opening Ajax Modal with dynamic data from href click

Having an issue with ajax modals with dynamic data. I query a database and get information which is used to create href links like this in a loop as: *
Loren P
  • 11
  • 1
1 2 3
…
99
100