Is it possible in Bootstrap 3 to open modal from another modal? I have modal windows with content loaded from external html files.
I'm opening the modal window. There I have a form to submit.
After clicking the submit button I would like to go to the next step with a new modal window (and a new content from another html file).
As far as I know you can't have two modal windows simultaneously, so I have to close the first modal and then open the second one. The problem is I have to do after clicking the submit button in the first modal.
I've tried to use the data-dismiss="modal" with data-toggle="modal" attributes on the submit button but they only hide the first modal, the background in still dark and nothing happens.
you can use http://jschr.github.io/bootstrap-modal/bs3.html for that; check stackable example.
Related
How can I clear Modal Box after Submission of data Modal Box closes automatically but when we again open Modal Box it shows Previous submitted data.
I am Using Bootstrap Modal Box and C# Asp.net web forms.
You can reset the content at the time of modal hide.
For more detail follow this How to reset the bootstrap modal when it gets closed and open it fresh again?
You have to clear all the field before closing or opening the Model box.
https://getbootstrap.com/javascript/#modals shows an event for when a modal is hidden. Just tap into that:
Take a look on script to clear the input field or you have to do it from backends.
OK, here's my situation. I have modal region with a chart. There are checkboxes corresponding to each line on the chart. I want the end user to be able to click a checkbox and have the corresponding line on the chart appear/disappear. Here's where I am:
User opens page two
There is a button "open chart" at the top of the page
When that is pressed, chart opens
User hits a checkbox, the page is submitted with a dynamic action
The modal region disappears
When I open the modal region back up, the line has indeed disappeared like it was supposed to.
My problem is number 5 above. I need that modal region to stay open after the dynamic action on the checkbox submits the page.
So far, I have tried another action (under the submit page on checkbox change action) that opens the modal region. But, that isn't working. Any help is greatly appreciated.
If you used the wizard to build the page then it's likely that when you submit the page the close dialog process is being triggered. In that case, to stop that from happening either delete the process or put a condition on it (request contained in value) and select the buttons you want to close it.
Found my answer. The solution was to forget about the modal region and make a modal page. Now, when I check/uncheck a box, I can call a dynamic action to resubmit the modal page without it disappearing. Thank you for your help!
I'm using angular-strp for modal box. My requirement is i want to show the information about the page when page loads in the modal box. When user click ok on the modal box I need to close that modal and show user another modal to choose country.
i'm using ng-click on the first modal ok button to call a function to close the first modal and open another modal in that function.
Is there anyway to chain modal from opening one by closing another in angular-strap?
I'm using twitter-bootstrap and am using the Modal JS plugin. I have a modal which is open and want to open another modal from the original modal that is open.
The reasoning, is the user can select an option from the dropdown list. If the item they want to select isn't in the list, they can click a button and add a new one.
I've tried to hide the original modal, then show the new one, but I get stuck with just showing the backdrop. When I try and open them together, the backdrop gets dark (since I've now placed another backdrop on top of the one already existing and I can still see the original modal.
Ideally I could open a modal, then open another just as easy as doing it today with one modal.
My problem was the 2nd modal was inside the file of the first, so when I hid the first, I couldn't show the 2nd one (which is why I was left with just the backdrop). I ended up just calling modal.('hide') on the first modal, then modal('show') on the 2nd.
I have a button with the code below. When I click on this button it will show one popup which has a continue button that takes you to the next page. I want to go to the page directly without the popup showing when I click on the button.
How to make button not to show the popup when we click on it?
<span>Next</span>
If you don't want the popup to show, then get rid of the onclick handler. I'm assuming the popup you're referring to is ConfirmModalPopUp.
This part
onclick="javascript:return ConfirmModalPopUp('phone');"
remove it.