Bootstrap: Open Another Modal in Modal

javascript jquery twitter-bootstrap modal-dialog twitter-bootstrap-3
AlexioVay picture AlexioVay · Oct 22, 2013 · Viewed 350.4k times · Source

So, I'm using this code to open another modal window in a current opened modal window:

<a onclick=\"$('#login').modal('hide');$('#lost').modal('show');\" href='#'>Click</a>

What happens is, that for like 500ms the scrollbar will duplicate. I guess because the current modal is still fading out. However it looks very un-smooth and stuttering.

I would appreciate any suggestions to solve this issue.

Also, is the way building this in an onclick-event unprofessional?

I'm working with the bootstrap version 3.0.

Edit: I guess it's neccesary to reduce the time of fading out a modal. How is this possible?

Answer

jayeshkv picture jayeshkv · Oct 23, 2013

data-dismiss makes the current modal window force close

data-toggle opens up a new modal with the href content inside it

<a data-dismiss="modal" data-toggle="modal" href="#lost">Click</a>

or

<a data-dismiss="modal" onclick="call the new div here">Click</a>

do let us know if it works.

Related questions

Multiple modals overlay

I need that the overlay shows above the first modal, not in the back. I tried to change the z-index of .modal-backdrop, but it becomes a mess. In some cases I have more than two modals on the same page.

Read More
Calling a function on bootstrap modal open

I used to use JQuery UI's dialog, and it had the open option, where you can specify some Javascript code to execute once the dialog is opened. I would have used that option to select the text within the dialog …

Read More
Bootstrap Modal before form Submit

I'm new to Modals, I have a Form and when the user clicks submit, It will show a Modal confirming if the user wants to submit, the modal also contains the user input from the form fields. I searched all …

Read More