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 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
