Modal Question

4 replies · opened Nov 17, 2018

OOnly1BruceCNov 17, 2018

The problem I am having is with modal windows.
I am trying to open a modal window and then press a button on that modal window that will close the first modal and open the second modal window. I got that part to work without any difficulty, however when opening the second modal I cannot scroll that new modal window. The focus of the scroll function is on the page and is not on the modal window.
You can see an example of the here. http://bdc-root.com/test

SSemicolon WebSTAFFNov 21, 2018

Hello,

Consider opening the 2nd Modal after a 1 Second delay. Example:

Large modal

This will definitely work fine. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

OOnly1BruceCNov 26, 2018

I can't get this code to work. The second modal doesn't open. Did I do something wrong?

My original code was:
<div class="center">Contact Us

I wrote your suggested code as:
<button class="button button-3d button-xlarge" onclick="$('#VotedModal').modal('hide');setTimeout(function(){$('.ContactModal').modal('show');},500);return false;">Contact Modal</button>

You can see it at:
http://bdc-root.com/test

SSemicolon WebSTAFFNov 29, 2018

Hello,

You are using incorrect codes. Replace $('.ContactModal').modal('show'); with $('#ContactModal').modal('show'); .

This will definitely fix the issue. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

OOnly1BruceCNov 29, 2018

That worked, THANKS

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard