You need to be logged in to post in the forum - Log In

An active JCE Pro Subscription is required to post in the forum - Buy a Subscription

Support is currently Offline

Official support hours
Monday to Friday
09:00 - 17:00 Europe/London (BST)

Please create a new Ticket and we will get back to you as soon as we can.

#116417 Mediabox image without scroll

Posted in ‘Mediabox’
This is a public ticket

Everybody will be able to see its contents. Do not include usernames, passwords or any other sensitive information.

Latest post by XavierM on Tuesday, 12 March 2024 14:05 GMT

Tuesday, 12 March 2024 11:06 GMT

XavierM
I have a big image to display inside a mediabox popup.
height:2500px
width:950px
The image size is difficult to reduce.

The normal Mediabox behaviour is to adapt the pop up to the screen size.
Is it possible to skip this and display the image in its physical size, with a scroll ?

The popup is displayed on this page : https://www.new.joomla-bourgogne.com/fonctionnalites/gestion-de-petites-annonces

I enclose an image about the pop up settings.

Tuesday, 12 March 2024 12:01 GMT

Ryan
In the Mediabox parameters, set the Scrolling option to Scroll instead of Fixed. How does this display on the site?

Ryan Demmer

Lead Developer / CEO / CTO

Just because you're not paranoid doesn't mean everybody isn't out to get you.

Tuesday, 12 March 2024 13:29 GMT

XavierM
Hi Ryan,

Thanks for your reply.
When changing the Mediabox setting, the pop up is scrolled up and down, but not its content.
Maybe there's no way to scroll the content?

Regards.

Tuesday, 12 March 2024 14:00 GMT

Ryan
Add the following to your template's custom.css stylesheet: 

.wf-mediabox-body {
	max-width: 80% !important;
  	height: calc(100vh - 20px);
}

.wf-mediabox-container {
	height: 100%;
}

.wf-mediabox-content {
	height: calc(100% - 52px);
}

.wf-mediabox-content-item {
	height: 100%;
  	overflow-y: scroll;
}

Ryan Demmer

Lead Developer / CEO / CTO

Just because you're not paranoid doesn't mean everybody isn't out to get you.

Tuesday, 12 March 2024 14:05 GMT

XavierM
Brilliant!
I works fine, many thanks.