diwrk
posted this
09 October 2023
Hi.
Thanks for the reply.
My page has like 20 buttons opening a modal with different iframes. Is the built in modal able to achieve this?
The page is here : http://www.breakthroughmissions.org.sg/chinese/res_newsletters.html
Thanks.
P.S. I realized it takes a while for the page to be "fully loaded" before the user can click on the button for the modal to pop up. Is this normal?
Dear friend, I don't know if you still have this problem, where the version of "Pop-Up Modal" for "Mobile" (340px width) is not displayed correctly, exceeding and covering the entire screen, cutting off part of the content when displayed on the cell phone.
I believe it is a "Bug", not yet fixed, as even now (October 2023), the problem persists.
I believe it is a failure in the rendering of "Breackpoints", when the width passes from one device to another.
I managed to solve it in the following way:
First, I manually changed the display width to Mobile "Horizontal", which is 540px, and set it to 360px (the program will force 361px).
Then, I went to the "Vertical" Cell Phone display screen and changed the width of the Pop-Up Modal.
Once that was done, I went back and saved the project.
This change should "reset" the Cellular display correctly to the "Pop-UpModal".
Lastly, after saving, I went to the Mobile Horizontal view, and changed it to the original size again (540px).
After saving, the Pop-Up Modal display should be successfully fixed!
It may be necessary to repeat this procedure if you make any changes to the Modal Pop-Ups and the error appears again.
Hope this helps!
> Hi.
>
> Thanks for the reply.
>
> My page has like 20 buttons opening a modal with different iframes. Is the built in modal able to achieve this?
>
> The page is here : http://www.breakthroughmissions.org.sg/chinese/res_newsletters.html
>
> Thanks.
> P.S. I realized it takes a while for the page to be "fully loaded" before the user can click on the button for the modal to pop up. Is this normal?
Dear friend, I don't know if you still have this problem, where the version of "Pop-Up Modal" for "Mobile" (340px width) is not displayed correctly, exceeding and covering the entire screen, cutting off part of the content when displayed on the cell phone.
I believe it is a "Bug", not yet fixed, as even now (October 2023), the problem persists.
I believe it is a failure in the rendering of "Breackpoints", when the width passes from one device to another.
I managed to solve it in the following way:
First, I manually changed the display width to Mobile "Horizontal", which is 540px, and set it to 360px (the program will force 361px).
Then, I went to the "Vertical" Cell Phone display screen and changed the width of the Pop-Up Modal.
Once that was done, I went back and saved the project.
This change should "reset" the Cellular display correctly to the "Pop-UpModal".
Lastly, after saving, I went to the Mobile Horizontal view, and changed it to the original size again (540px).
After saving, the Pop-Up Modal display should be successfully fixed!
It may be necessary to repeat this procedure if you make any changes to the Modal Pop-Ups and the error appears again.
Hope this helps!