Reed, you probably have to click Run twice to view this since the image is
not initially loaded and doesn't appear initially. Also, I think Dietrich
intended max-height vs maxHeight and max-width vs maxWidth in the image.
Dietrich, thanks! Unfortunately, this doesn't do what Reed needs and I
haven't come up with a good solution either. In your playground example,
when the window is reduced in size in one dimension, the image does not
shrink to fit so that the image is fully visible. Instead, part of the
image is cut off. Reed's goal here is to display an entire image *in its
original aspect ratio*, however small as necessary to be fully visible in
the provided space. Additional suggestions appreciated!
Derrell
On Tue, Jan 12, 2016 at 3:17 AM Dietrich Streifert <
dietrich.streif...@googlemail.com> wrote:
> Hi Reed
>
> qx.ui.basic.Atom is (I think) not intended to be used that way.
>
> I'll use instead a qx.ui.basic.Label, set the rich property to true which
> allows you to use regular html as the label value:
>
> http://tinyurl.com/jk897lh
>
>
>
> Am 11.01.2016 um 21:35 schrieb Reed:
>
> 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
> listqooxdoo-devel@lists.sourceforge.nethttps://lists.sourceforge.net/lists/listinfo/qooxdoo-devel
>
>
>
> ------------------------------------------------------------------------------
> 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
>
------------------------------------------------------------------------------
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
