5 replies to this topic

[Beny Schonfeld]

Hi, again...

I'm using a bootstrap modal on this page, at the very bottom, just above the footer:

Please Login or Register to see this Hidden Content

It's the purple link that reads "click here to read the terms and conditions"

What do I need to do in order to make this modal "scrollable" so reader can review the whole text???

Thanks

[catrina]

Another customer asked this previously and based on the developer's insight, it's not possible to add a modal that is scrollable. If there is so much content being added to a modal that a scrollbar is required, the content should just be added to the page content area instead.

[Beny Schonfeld]

I see. OK... I think I can achieve the same thing (allowing people to read the terms and conditions without leaving the page) by using the accordion shortcode

Thanks!

[catrina]

You're welcome

[catrina]

The topic was marked as resolved.

[Evan Mattson]

It is very much possible to make the modal scrollable!

All you need to do is to set a max-height on the .modal-body class. This will cause the scrolling to happen whenever the content is larger than the modal's body area. A max-height of 500px would be a good starting point but you can adjust that to whatever works best for you.

If you don't want to set the max-height on every modal on your site, you can specify the html id of your modal by using the shortcode's hash attribute like so:

Please Login or Register to see this Hidden Content

This will create a modal with an html id of "modal_browns".

In summary:

Please Login or Register to see this Hidden Content