I have modal and on click on Purchase button in modal, if bank requires 3ds challenge, I want to show 3ds challenge inline in the modal. When 3ds challenge is shown everything else on modal becomes disabled.
The main issue is if 3ds challenge is shown as a modal and not inline that i am trying , it will be modal on top of my modal and will have accessibility issues.
Is it possible and acceptable to show 3ds challenge inline like that? or are there technical/security concerns?
Related
I have in my web app a login modal with a form of two fields. When user moves between the fields, the page auto scroll and move the modal. I’ve checked all the similar questions and have been trying all suggested solution but no one suits. Because of top navbar in the background being scrolled too (although it’s position=sticky) I’m guessing it’s and accessibility feature which I’ve wondered how to disable. Tip will help!
I'm using bootstrap-vue Modal.
I have an iframe in the modal.
I would like to load the iframe only once (when I first open the modal).
So I can show/hide the modal, while keeping the iframe state.
Because I want to use a website containing a form as the iframe URL and want to keep the user's input.
It's working fine on a standalone bootstrap modal, but I cannot get it to work with bootstrap-vue Modal.
Any idea on how to achieve this?
<b-button v-b-modal.modal-1>Show</b-button>
<b-modal id="modal-1">
<iframe src="https://example.com" onload="alert('Loaded');"></iframe>
</b-modal>
<b-modal> is lazy by default.
Meaning their content is only rendered when the modal is opened.
If you don't want this behavior, you can add the static prop to <b-modal>, which will render the modal in-place, and turn off the lazy behavior.
Docs
I have a modal where the content of the modal is longer than the modal height so there is a scrollbar
The content of the modal is a survey. If the survey is not taken then the modal opens at the top of the survey
But if the survey has been taken and a person comes back to change their answers the modal opens at the bottom of the survey and people often do not realize they are at the bottom of the survey, not the top
How to open the modal so it opens at the top of the modal content regardless of whether the survey has been taken or not
Is there a way to do this with CSS?
Thank you
I think you can't solve it with css.
But which language do you use?
If you use something like React, that means your programming language is JavaScript, you can use this:
window.scroll(0, 0);
If you set it up at the top of your modal, every time you open it, it starts at the top.
If you use something other language, I think you find a similar code-example.
Can you help me out solve this modal with bootstrap I really don't have a clue
a multiple modal in one window
Looking at the screenshot, it seems that it is just one modal.
Within the modal there's multiple tabs, but they don't open a new modal, just show different content.
I meet this issue on mobile viewport only.The Facebook Like button create a pop-up when user hit it, the problem is on mobile viewport the width isn't enough and the pop-up is being cut off. I want to hide it and I followed the same issue here but it take me to another problem:.
This problem should be handled by css is the best solution, I can't handle more on html and javascript.