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

Laravel - Display Image in Modal while editing

I am a beginner of laravel. I want to edit a record which contains image, but it just show the input type for file same as insert records, instead of displaying the image. I have no ideas how to make it. Any comments are appreciated.…
Say Jack
  • 61
  • 1
  • 6
1
vote
1 answer

Update Query not working with bootstrap modal

I have a bootstrap modal form that opens up when you click on the edit button. Unfortunately, the update query does not execute. Kindly help me see where I am going wrong. Thank you. The button code is
1
vote
1 answer

Get row data into bootstrap modal

I am fetching data from database and showing it through table. Inside table i want to implement update functionality for each row. For this i am using jquery. I am able to retrieve text data but not receiving image from table row. And the data which…
TOP 10
  • 97
  • 1
  • 8
1
vote
2 answers

Multi Step Form on Modal

I am trying to use Bootstrap Multi Step Form on Bootstrap Modal. I am trying to use this Form. My code is like below. Multi Step Form
abu abu
  • 6,599
  • 19
  • 74
  • 131
1
vote
0 answers

React Bootstrap Modal has no content --> not show

my react bootstrap modal is not filled with content. As you can see in the dom, there is no content inside: But in my Code it is like: import { Modal, Button } from "react-bootstrap"; import "./CustomModal.css"; const CustomModal = ({show,…
btrautmann
  • 43
  • 2
  • 5
1
vote
1 answer

Close Modal Window after HTML Alert Pop-up

I've created a simple Web application. When the user clicks a button, a modal pop-up appears with a text field. The user enters some text and then clicks an 'Add' button on the modal popup to add the new entry to the database. modal-pop up…
Trevor
  • 160
  • 1
  • 12
1
vote
1 answer

How to avoid a specific css file to apply on my Component in Angular

I'm currently using bootstrap for my modal component but our current project has a css file that is using the same class with bootstrap (.Modal,.Modal-header). The css styling of both files was messing the modal design. Any solution for…
kirito127
  • 61
  • 2
  • 10
1
vote
1 answer

Subscribe method throws ExpressionChangedAfterItHasBeenCheckedError error in ngbModal

I am showing a component inside ngbModal. It works fine but as soon as it subscribe to an API, it throws ExpressionChangedAfterItHasBeenCheckedError. I have checked similar questions, most of them are about reactive forms and has a workaround to…
developer
  • 1,401
  • 4
  • 28
  • 73
1
vote
0 answers

How to open React-Bootstrap Modal component (child modal) on top of the parent modal component while also hiding the parent modal?

I was successful in opening a child modal on top of another parent modal using React-Bootstrap. But, I also want to hide the parent modal after I open the child modal. But, when I trigger the parent modal using React-Bootstrap handleClose method to…
Chintan
  • 59
  • 1
  • 2
  • 9
1
vote
1 answer

React-Bootstrap Modals cause problems for window EventListener

I have built a React app which uses React-Bootstrap Modals. In my return() function I have button which onClick changes state and shows/hides a div element. const [showInfo, setShowInfo] = useState(false); const toggleInfo = React.useCallback(()…
krisjanis-a
  • 61
  • 3
1
vote
1 answer

How to send data from Modal, Form using react and bootstrap?

I am working with React to POST data in my local database. When I use just the
, it works fine. But whenever I am trying to use Modal and Bootstrap, it is giving me an error. I understand that my handleChange/handleSubmit is probably not…
Arif Hossain
  • 51
  • 4
1
vote
1 answer

Bad setState call inside offcanvas component

I'm getting a bad setState() error inside the sidebar bootstrap offcanvas component. It says it can't update the component App() while rendering a different component sidebar() Sorry but I had to delete a large section of my code which was a fetch…
pdrake1988
  • 43
  • 8
1
vote
1 answer

Uncaught ReferenceError: cookie is not defined

I'm working on age verification modal, using bootstrap 5, moment.js library on a Wordpress site, The problem is when check if cookie for validAge exists, if exist hide the modal panel but if doesn't exist so lets make them enter a date birthday. I'm…
Omar Giancarlo
  • 119
  • 1
  • 11
1
vote
1 answer

The values iterated by .map() do not reflect inside the function in html attribute

In the Parent component, [0, 1, 2, 3, 4, 5] values are passed and for each value a Child component is created. So there are 6 occurrences of the Child component. The child component is a bootstrap modal as below import…
kaushalpranav
  • 1,725
  • 24
  • 39
1
vote
1 answer

a simple question on bootstrap/modal to show on the webpage

I am learning bootstrap and follow the link https://getbootstrap.com/docs/4.0/components/modal/ to write codes for modal I just simply typed the same code so I don't think there is problem in the code:
Duo Xu
  • 11
  • 2
1 2 3
…
99 100