A quick and simple idea, it would be nice to have an integrated option where we could reset the images dimensions to the default value (of the original file uploaded). This would be handy for static images, as a few times I have skewed the aspect ratio and then had to reset the size. To manually reset the size, I’ll have to see the org file/image to then change the dimensions and then shrink back down holding shift.
Example of placement:
Cheers
Any traction on this? Seems like it would be a highly requested feature. Honestly hard to believe it doesn’t already exist.
Unfortunately not. Fingers crossed for this to be implemented in the next Bubble hackathon though.
It seems odd to me that the image gets distorted when the element is resized. Surely it’s a rare use case that one would actually want to display a distorted image.
Was it always this way? Perhaps I’m mistaken, but I thought images used to be “contained within” the element if the image aspect ratio didn’t match that of the containing element.
I’m wondering if this isn’t a bug - a regression from the way it used to work. 
EDIT: Not sure if I’m referring to a different issue, but I posted a suspected bug. I’d appreciate any comments.
@sudsy, thanks for the input but I think this is a different issue.
The feature that I would like to see is property that can be set on an image element that would cause the image to retain it’s native size despite the size of the element as it is drawn on the page.
i.e. A 200x200 pixel image is placed in a 5x5 image element. The image would render on the page as a 200x200 pixel image.
Note: In my case this is a dynamic image that is referenced by a call to the database.
So you want the image to ignore the bounds of the element? Hmm, not sure I see the value in that. Perhaps you can elaborate on the rationale?
What you’re describing sounds different from what the OP described. I understood @luke2 to mean that there should be a quick way to restore the element’s dimensions to the image’s native aspect ratio.
EDIT: Or are you saying that you’d like the image to render at its native resolution but be clipped by the bounds of the element? (I assume you know that an image can be set as the background of most elements?)
Page: Programmed_Instruction
Element: BeginPopup
On this popup there are 3 text elements and 3 corresponding image elements. The content for these elements is dynamic. For sake of brevity, I’ll call the database thing that dictates the content of the elements a user’s ‘selection’. Some selections may have 3 text values and 1 image. Some may have 1 text and 3 images. Consider all possible combinations of (#1-3) images and or texts, and all images of various sizes and dimensions.
I currently have the height of the image set very small (2px) and the width at 400px. This works ok-ish because the run-mode rendering option of “Adjust element height” will expand the image vertically to the native height, with one caveat…until the width reaches the defined width of the element (400px). As a side note, this is not an issue with the text element because there is an option to “Shrink the element if the text height gets shorter.” To my knowledge there is no such option for images.
Desired result: Noting the aforementioned “any combination 1-3 images and text”, it would be nice to define a small (maybe 5x5px) dynamic image element that would expand to native resolution if there was a relevant image for that selection but leave the empty 5x5px element if there was not a relevant image for that selection. Thus avoiding a large height pop-up with lot of blank white-space. I’m sure I can accomplish this with a condition on the image elements, a workflow event, or a custom state, but it would be great if this could be a done with a simple rendering option for the dynamic image.
Thanks!
Hey @sudsy
Yes by skewed I meant that the aspect ratio can get thrown off if not careful about the shift + resize of an image or group with contained background image.
The idea presented as a way to reset the dimensions back to the original aspect ratio, either by rendering back to the initial height and width or using the width as the base and working out the height px value to reload.
As its quite easy to resize an element and either mistakenly not fully hold shift to keep aspect ratio or go over the initial dimensions. It was just one of the quick ideas that sprang to mind, in the thought that “this would be nifty” to have.
Cheers
