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

I just want to disable the Approve button in updating process with modal boostrap

This is the modal form that show after clicking the view button in my table. Every field already have data value because I am updating a list. Now I want to disabled the Approve button base on status which is "Pending" and "Approved"
John
  • 13
  • 4
1
vote
2 answers

Remove white modal image background

I have an image that is showed in a modal. Unfortunately this image has a white background. Only the image should be shown and the white shouldn't be visible. HTML:
1
vote
1 answer

Vertical tab inside the modal not displayed properly in different browser

I am trying to display a vertical tab inside a Bootstrap 4 Modal. But the same modal is displayed differently in google chrome and firefox browser. Code i am using:
Rasik
  • 1,961
  • 3
  • 35
  • 72
1
vote
1 answer

Bootstrap 5: Load Remote Content in Modal via URL

Good day, everyone. I'm trying to use Bootstrap 5 (no jQuery!) to open a remote file as a modal and pass a variable (via $_GET in the URL) to that remote file. I've gotten the following code to load the variable length contents of the remote file;…
user1677409
  • 45
  • 1
  • 5
1
vote
1 answer

AngularJS UI-Bootstrap Modal is not showing

We had to update the Bootstrap version (bs3 to bs4). We have some issues with Angularjs modal.It only works in bs3.4.1 version not even 3.4.2. Below is a similar piece of code, the problem is, It looks like a template has been added to the dom, but…
HakanKaraoglu
  • 31
  • 7
1
vote
0 answers

Bootstrap dialog window opens behind another dialog window instead of infront

A dialog window is incorrectly opening behind another dialog window. I use the #modalMidWestEquipPlans data target to open the dialog window. How do I tweak the code so that the hyperlink opens the dialog window in front? Most solutions to a…
endOfTunnel
  • 13
  • 6
1
vote
0 answers

How can I wrap long text in (js bootstrap react) dynamically created table cell which is input type?

I dynamically created an online table with node js in which some cells are for text input i.e. $tbody.append(``); I want to wrap long text similar to the Excel wrap function, I tried word-wrap, etc., seems not…
bim2016
  • 105
  • 1
  • 10
1
vote
2 answers

Passing data into Angular 13 modal

I'm trying to pass data into a modal. The modal is a separate component alltogether. I'm able to console.log the bsModalRef property in the constructor, but for some reason, I can't console.log the bsModalRef.content property. Here is my code in the…
Code Junkie
  • 83
  • 1
  • 15
1
vote
1 answer

How to run a bootstrap modal?

Bootstrap noob here. I'm working with bootstrap 4 and an html file, and I'm not able to get a modal working. The code I'm using is literally the one on the bs4 docs regarding modals. For some reason, the code that works in the bootstrap docs does…
pgreenwood
  • 13
  • 4
1
vote
1 answer

how to pass the value of an object to another object, already as a variable in Angular?

My class Inbound looks like down bellow. export class Inbound { constructor( public id: number, public incomingType: string, public quantity: number, public location: string, public arrived: Date, public bin: Bin, public truck:…
sroko1
  • 11
  • 4
1
vote
0 answers

B-Modal is Opening Two Times Vue

I am using Bootstrap-vue and targeted a b-modal with the
  • like this. But it opens the modals two times with one click
  • Modal
    • and Here is my modal
    Aizaz Rehman
    • 21
    • 5
    1
    vote
    2 answers

    how do i open modal with javascript. without using jquery

    How do I make a modal visible with javascript? I don't want to do it using jquery. i just want it with javascript. And I don't want it to open when I click a button. I want it to be opened as a result of some operations in javascript. I made it with…
    batuhan343434
    • 57
    • 7
    1
    vote
    1 answer

    Modal doesn't open on all buttons

    As my title already says, I have an issue with a modal not opening on all buttons. Here is the situation: I have a page that displays all applications a user has sent for different jobs. So it may be just one, or up to whatever. It looks like…
    newbie
    • 525
    • 2
    • 12
    1
    vote
    1 answer

    Echarts in not showing in modal

    I have a button for clicking to open a modal and after opening the modal I want to show the Echarts in the modal but it doesn't show on the modal. Please advise me what should I do or am I doing something wrong. type script async detail_modal() { …
    WitsarutK
    • 11
    • 2
    1
    vote
    1 answer

    data-bs-dismiss after twice click then closes modal

    i have funny problem in bootstrap 5.0.2 I have to double-click the button (data-bs-dismiss) to close the modal Important note:‌I use many modal in page, But they open depending on the need
    1 2 3
    …
    99 100