Hi,

I think css flexbox might be what you need.
Have a look at the following link :

 https://css-tricks.com/snippets/css/a-guide-to-flexbox/

specially check if "flex-grow" and "flex-shrink" can help you.

Regards,
Romeo


-----Ursprüngliche Nachricht-----
Von: roeder1...@googlemail.com [mailto:roeder1...@googlemail.com] 
Gesendet: Dienstag, 21. April 2015 10:37
An: qooxdoo Development
Betreff: [qooxdoo-devel] Mobile list item layout

Hey folks,

I have another layouting problem over here. I have a custom list item with an 
image on the left and four text fields with vbox layout in a right container.
Now, if the image isn't the exact size, the list item gets either stretched 
vertically or the right container looses space and gets cropped. What I want is 
for the text container to maintain completely visible and the image to be 
resized to fill whatever space is left while keeping its proportions.

So most of the time the image would have to be shrunk accordingly.

What settings are necessary for that? I can't resize the images to a fixed size 
due to the need of resolution independence over various devices.

So basically I wa t the image to have the same height as the text container and 
set its width accordingly without squeezing it stretching it. All images are 
squares.

Thanks in advance for any input.

Von meinem iPhone gesendet
------------------------------------------------------------------------------
BPM Camp - Free Virtual Workshop May 6th at 10am PDT/1PM EDT Develop your own 
process in accordance with the BPMN 2 standard Learn Process modeling best 
practices with Bonita BPM through live exercises
http://www.bonitasoft.com/be-part-of-it/events/bpm-camp-virtual- event?utm_ 
source=Sourceforge_BPM_Camp_5_6_15&utm_medium=email&utm_campaign=VA_SF
_______________________________________________
qooxdoo-devel mailing list
qooxdoo-devel@lists.sourceforge.net
https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel

------------------------------------------------------------------------------
BPM Camp - Free Virtual Workshop May 6th at 10am PDT/1PM EDT
Develop your own process in accordance with the BPMN 2 standard
Learn Process modeling best practices with Bonita BPM through live exercises
http://www.bonitasoft.com/be-part-of-it/events/bpm-camp-virtual- event?utm_
source=Sourceforge_BPM_Camp_5_6_15&utm_medium=email&utm_campaign=VA_SF
_______________________________________________
qooxdoo-devel mailing list
qooxdoo-devel@lists.sourceforge.net
https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel

Reply via email to