Scroll modal

pozitive.med2
66 Posts
pozitive.med2 posted this 05 December 2020
Ask a Question

Good evening. Could you scroll a modal window? The problem is that if the information in the modal window goes beyond the screen size of the mobile device, it cannot be viewed.

Good evening. Could you scroll a modal window? The problem is that if the information in the modal window goes beyond the screen size of the mobile device, it cannot be viewed.
scroll
Vote to pay developers attention to this features or issue.
11 Replies
Order By: Standard | Newest
Support Team
Support Team posted this 07 December 2020

Hi,

The Modal popup uses fixed CSS positioning. Therefore the scrolling is not available.

...................................................
Sincerely,
Olivia
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

Hi, The Modal popup uses fixed CSS positioning. Therefore the scrolling is not available. ................................................... Sincerely, Olivia Nicepage Support Team Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1 Follow us on Facebook: http://facebook.com/nicepageapp
pozitive.med2
66 Posts
pozitive.med2 posted this 07 December 2020

very sorry.

very sorry.
webxsite
167 Posts
webxsite posted this 12 January 2021

Wow I thought this was a bug, that's terrible.

Wow I thought this was a bug, that's terrible.
andreisaikouski
1 Posts
andreisaikouski posted this 26 February 2021

How to work around this?

My modal content is too much for mobile, so without scrolling it is cut off

How to work around this? My modal content is too much for mobile, so without scrolling it is cut off
Support Team
Support Team posted this 26 February 2021

Hi,

Unfortunately we do not have a solution for this situation, usually modal popups are supposed to have a little content in them.

...................................................
Sincerely,
Hella
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

Hi, Unfortunately we do not have a solution for this situation, usually modal popups are supposed to have a little content in them. ................................................... Sincerely, Hella Nicepage Support Team Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1 Follow us on Facebook: http://facebook.com/nicepageapp
arthurmloureiro
2 Posts
arthurmloureiro posted this 22 February 2022

also hoping for a fix in this issue

also hoping for a fix in this issue
jeffausfeld
1 Posts
jeffausfeld posted this 20 March 2022

It's not a fix - but a work around is to make duplicates of the modal and of the button (assuming that is the trigger) and format them for each screen. Then use the hide on devices functionality for the button and modal to match the applicable screens. I ended up creating 4 different versions (lg, md, sm, and ty) You will undoubtedly loose information that can be (should be) displayed on the modal with a scroll bar, but at least this is a path forward.

It's not a fix - but a work around is to make duplicates of the modal and of the button (assuming that is the trigger) and format them for each screen. Then use the hide on devices functionality for the button and modal to match the applicable screens. I ended up creating 4 different versions (lg, md, sm, and ty) You will undoubtedly loose information that can be (should be) displayed on the modal with a scroll bar, but at least this is a path forward.
Lynn
70 Posts
Lynn posted this 23 March 2022

If the content is too much for a modal popup, I would simply use the accordion element, or even a different page. You could also try using an iFrame with a scroll bar, but iFrames are not liked by search engines these days.

If the content is too much for a modal popup, I would simply use the accordion element, or even a different page. You could also try using an iFrame with a scroll bar, but iFrames are not liked by search engines these days.
matin_z
5 Posts
matin_z posted this 04 April 2022

Unfortunately, most of the cases in Nicepage and Themler are incomplete and there are flaws.

To solve this problem, just put (modal-body-scroll) in the CSS Class section of the modal-popup,
Then enter the following codes in the css site settings.

.modal-body-scroll {
min-height: unset !important;
max-height: calc(100vh - 100px) !important;
overflow-y: auto !important;
}

Unfortunately, most of the cases in Nicepage and Themler are incomplete and there are flaws. To solve this problem, just put (modal-body-scroll) in the CSS Class section of the modal-popup, Then enter the following codes in the css site settings. .modal-body-scroll { min-height: unset !important; max-height: calc(100vh - 100px) !important; overflow-y: auto !important; }
mark28282
3 Posts
mark28282 posted this 29 November 2022

Anyone succeed at an accordion inside a modal yet?

Anyone succeed at an accordion inside a modal yet?
Support Team
Support Team posted this 29 November 2022

Owen,

What's wrong with that? Add Modal, add Accordion.

...................................................
Sincerely,
Alan R.
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

Owen, What's wrong with that? Add Modal, add Accordion. ................................................... Sincerely, Alan R. Nicepage Support Team Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1 Follow us on Facebook: http://facebook.com/nicepageapp
You must log in or register to leave comments

Company
Product
Themes & Templates
Nicepage
Web Design