Not sure if this a bug or not and if it goes here or under JCE Mediabox, but when I float an image right or left and then add a JCE popup, the float goes away.
Is this expected behavior?
Basically, I can't have a popup on a floated image?
A content editor for Joomla!®
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
Everybody will be able to see its contents. Do not include usernames, passwords or any other sensitive information.
Latest post by Ryan on Wednesday, 10 April 2024 08:11 BST
Not sure if this a bug or not and if it goes here or under JCE Mediabox, but when I float an image right or left and then add a JCE popup, the float goes away.
Is this expected behavior?
Basically, I can't have a popup on a floated image?
The float should be copied onto the anchor element that surrounds the image (by Mediabox when creating the popup). Please post a link to an example.
Ryan Demmer
Lead Developer / CEO / CTO
Just because you're not paranoid doesn't mean everybody isn't out to get you.
Figured it out, you can't make the image a % for width. Guess I'll have to add a max-width or something.
Basically, if you use a % on the image width, it won't float with a popup.
And thanks for the quick follow up. Appreciate it.
Please try MediaBox 2.1.10 Beta - https://www.joomlacontenteditor.net/downloads/mediabox/development
This fixes the % float issue by calculating and resetting the image width as a pixel value when the popup link is created.
Ryan Demmer
Lead Developer / CEO / CTO
Just because you're not paranoid doesn't mean everybody isn't out to get you.
We need to be able to set images as a % for various reasons.
I changed the width to px added a maximum width on the link for the popup and it fixed it. Perhaps you could take the image width and place it in the link as a max-width AND convert the image size % or vw to px? Just a thought.
Thanks for the help, btw.
The Mediabox beta I linked to will take the % value you set as the image width and convert it to a pixel width. On most websites, images are already set to have a max-width value of 100% to make them responsive, via a css rule in the template stylesheet, eg:
img {
max-width:100%;
height:auto;
}
Ryan Demmer
Lead Developer / CEO / CTO
Just because you're not paranoid doesn't mean everybody isn't out to get you.
Your post is being submitted…