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

What event handler should i use for modal form to send an email

I am creating a web app and i want to send a message through a form to my email using EmailJS(https://www.emailjs.com). They have a simple way though which you can send an email to yourself when a form has been loaded on the page.
Ashford
  • 21
  • 5
1
vote
0 answers

HTML Dom shows INPUT outside FORM

i have this simple snippet inside a PHP Foreach statement:
1
vote
0 answers

How do I send my updated data and save it using Bootstrap Modal in django?

I am trying to use Boostrap Modal to pop up an edit form that should send the thought and its id to my views function using Ajax, edit, and save it. However, when I press the Save Changes button on my modal, nothing happens. Being very new to this,…
shakirul islam
  • 23
  • 6
1
vote
3 answers

How do I disable the submit button until all fields are complete in a bootstrap modal?

How do I check if the input fields are filled up before I enable the submit button in the modal? I'm also trying to figure out how I can call my function once I open my button. I tried calling a function on click but it won't work. I'm not sure how…
VinceG
  • 77
  • 1
  • 2
  • 10
1
vote
0 answers

Bootstrap modal works perfectly if directly in HTML with its button, but doesn't respond if it's included from a React Component with dynamic inputs

I want to have several modals on a page, all with unique prompts and button text. Each will be triggered by a different button and of course have a unique id. at the moment, this works just fine:
1
vote
0 answers

Bootstrap modal js is giving Synchronous XMLHttpRequest on the main thread is deprecated message

I am using Bootstrap Modal Js. However, whenever the modal pops up , I am getting this error Synchronous XMLHttpRequest on the main thread is deprecated because of its detrimental effects to the end user's experience. For more help, check…
stackoverflow rohit
  • 185
  • 4
  • 13
1
vote
1 answer

How to set bootstrap column for mobile screen, medium screen

for medium screen |-----(1)||-----(2)| for mobile screen iphone x |---------------(2)| |-----(1)| in first scenario both (1) and (2) have same column size in single line, but in second scenario (1) and (2) both have in different line,
rohan pandole
  • 21
  • 3
1
vote
2 answers

Error when opening a modal with react-bootstrap

I'm using reactJS 17.0.1 with react-bootstrap 1.5.1 and bootstrap 4.6.0 I have a modal that I want to open with the openModal function that sets the state to showModal true, but when I open the modal I get this error in the console: Warning:…
Loris Cuntreri
  • 87
  • 9
1
vote
0 answers

BootStrap Modal Popup not opening using JQuery

I am using boot strap modal popup, And i want to open using jquery I tried like $('#my_modal').modal('show'); But its thronging Error like Uncaught TypeError: $(...).modal is not a function JQUERY CDN references:
ak74
  • 105
  • 10
1
vote
1 answer

Submit function sending old and new data

$("#create-center-form").submit(function(e){ e.preventDefault(); let parent; let _token = $("input[name=_token]").val(); let name=$("#name_create_medical_center").val(); let…
Mohammad Azzam
  • 83
  • 2
  • 10
1
vote
0 answers

Why is my modal not displaying as a popup that fades from the top and centred?

I am attempting to make a portfolio image gallery that display's a model with a click that fades in and is positioned to the center. The Button Does not properly load the modal popup. I have tried proper linking from bootstrap and jquery files, I…
TravisBurns
  • 11
  • 3
1
vote
1 answer

How to delete specific image from bootstrap modal using ajax?

I want to delete a specific image when user selected the red delete icon which is in the right side of each image . screenshot- ss after user click on deleted icon this shows up- My php codes from where i took the img_id to delete and displaying…
Fury
  • 151
  • 1
  • 9
1
vote
1 answer

Modal not showing long messages, problem with javascript function arguments

I am facing a problem when I try to show message content in modal. I am trying to build a view which has a list of messages (table), and by clicking a message title, the user would be able to see the message content in modal view. It works for short…
lepocode
  • 11
  • 2
1
vote
2 answers

Inputting multiple strings into a string array Angular2

I'm new to Angular, and I am creating a recipe page. I have my API portion all set up, and now need to input my data into the API using angular. I have a recipe interface that looks like this: export interface Recipe { directions: string[]; …
Samantha
  • 589
  • 1
  • 4
  • 11
1
vote
0 answers

Can't access Bootstrap locally

I have been trying very hard to find the right path to my local Bootstrap 5 files, but what ever I do it's not finding it. At the moment I am in index.html (react). There I'm doing this:
user10727653
1 2 3
…
99 100