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
2 answers

Center list items while aligning to left edge with Bootstrap

I'm utilising the following Bootstrap modal on a site (simplified example with fewer list items): #manufacturer-modal .modal-body { padding: 0; } #manufacturer-modal .nav-item { list-style: none; } #manufacturer-modal .nav-link { …
Hashim Aziz
  • 4,074
  • 5
  • 38
  • 68
1
vote
1 answer

Data isn't being passed to Bootstrap modal

I am trying to pass value to a modal using the Bootstrap documentation here. But for some reason the data isn't being passed. Button to open modal:
1
vote
1 answer

Fullcalendar modal not showing jQuery

I have a full calender applicaiton. When I added code for showing a modal function InitalizeCalendar() { try { var calenderEl = document.getElementById("calendar"); if (calenderEl != null) { var…
Joro
  • 311
  • 4
  • 15
1
vote
0 answers

Modal keeps disappearing after opening

Modal keeps disappearing when opening when I use a button tag to link it with the modal, but if I use an anchor tag the problem seems to go away. I have a table with users that when I click on that specific user from drop down I would want to view…
user17400513
1
vote
2 answers

Bootstrap v5.1 modal don't remove scroll from the

I have a project in Angular 11 and I use Bootstrap(v5.1.3). I'm trying to click on a card (as if it were a blog post) to open a Bootstrap modal and show the content of the post. Here is de HTML of my angular component:
…
fersu
  • 31
  • 4
1
vote
1 answer

How to remove OK button on modal in vuejs

See more...
deskeay
  • 263
  • 2
  • 15
1
vote
1 answer

How to selective change modal backdrop in R Shiny

I have two modals. When the first is opened, the background should be grayed out, as is default. But this should not happen with the second one. The code is: library(shiny) ui <- fluidPage( tags$style(type = 'text/css', '.modal-backdrop {…
WJH
  • 539
  • 5
  • 14
1
vote
1 answer

No longer able to create modal on-the-fly with jQuery

I'm still trying to remove my jQuery training wheels. I previously had a way to create a modal on-the-fly with jQuery. It looked like this: function showTheForm() { $rescheduleEmployeeModalHTML = $('
', { id:…
NamedArray
  • 773
  • 3
  • 10
  • 25
1
vote
2 answers

Bootstrap 5 Static Modal Still Closes when I Click Outside

I am working on a page that checks if the user is currently logged in before he can do anything else. If the user is not logged in, the login modal loads and the user should not be able to do anything else unless he logs in. So far, this is what is…
Vem
  • 13
  • 5
1
vote
1 answer

how to use modal in reactstrap v.9 (bootstrap v.5)?

I have a problem when using Reactstrap Modal https://reactstrap.github.io/?path=/docs/components-modal--modal in the documentation it is using function noRefCheck(){} but i don't know how to use the function
1
vote
0 answers

Why does my modal only work in the first dynamically generated accordion, but not for any of the others?

I'm fairly new to using TypeScript, React and Bootstrap modals in general, however I'm pretty confident that I have avoided the most common mistakes like using the same id and data-bs-target in multiple places. Basically I have a dynamic list of…
malthe.w
  • 77
  • 10
1
vote
0 answers

Modal not open when in normal window

Here I am using the croppie.js to upload an image for user. All are working perfectly but the problem is, the modal is only open when it is in debug window. When it is closed, the modal doesn't open. Here is the HTML.
…
Nasik
  • 27
  • 6
1
vote
2 answers

onClick event on the anchor/ image tag html

I have numerous small images, which I am rendering using HTML. When a user clicks on the image, they are next opened in modal body in big size. Since I need to dynamically change the content of modal body e.g. when Picture1.jpg is clicked, modal…
Meana
  • 23
  • 2
  • 11
1
vote
0 answers

React confirm alert getting blocked by bootstrap modal

I'm using bootstrap modal in a react app. I need to ask user for a confirmation after they click on save button of the modal. To accomplish this, I'm using react react-confirm-alert but the dialog box keeps on opening behind the modal. I inspect…
IntelligentCancer
  • 59
  • 1
  • 1
  • 15
1
vote
1 answer

R-shiny modal won't display dashboard correctly

I'm using a modal to open a new shinyApp. I know this probably isn't good practice but I'm just using it to demo a prototype / idea I have - it doesn't need to be stable / optimized. The problem I am having is when my modal pops up the dashboard…
vDan
  • 11
  • 2
1 2 3
…
99 100