Hello wonderful community,
I am unable to effect what I want with an Atom. I have an image which will
be of variable dimensions. I need it to display with the proper proportions
always, but with a maximum width and height. If either the width or height
are above the maximum, the image should scale down to fit, but maintain
proportions. In vanilla HTML/CSS, I would simply set max-width and
max-height, and neither explicit width nor height. See this codepen for an
example of my desired effect: http://codepen.io/reedspool/pen/adwyvB
With an Atom image, however, I'm unable to make this happen. I've played
with the properties scale, allowShrinkX, allowShrinkY, maxWidth, maxHeight,
allowStretchX, and allowStretchY. None of my experiments has worked. See
this playground link, http://goo.gl/pHcUcE
As you can see, the best of I've gotten is to maintain proportions by
setting scale to false, but the maxWidth doesn't work as I'd expect (from
experience with vanilla HTML/CSS), and the image is cut off.
I've also attempted the image manipulation with a `qx.ui.embed.Html()`
element as well, with little success. See this playground link,
http://goo.gl/cZoYdC Here, the image doesn't show at all (I think because
I'm not setting the container height properly.
Any suggestions appreciated, either to fix my current approaches or offer a
new one.
Thanks,
Reed
------------------------------------------------------------------------------
Site24x7 APM Insight: Get Deep Visibility into Application Performance
APM + Mobile APM + RUM: Monitor 3 App instances at just $35/Month
Monitor end-to-end web transactions and take corrective actions now
Troubleshoot faster and improve end-user experience. Signup Now!
http://pubads.g.doubleclick.net/gampad/clk?id=267308311&iu=/4140
_______________________________________________
qooxdoo-devel mailing list
qooxdoo-devel@lists.sourceforge.net
https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel
