talk@lists.collectionspace.org

WE HAVE SUNSET THIS LISTSERV - Join us at collectionspace@lyrasislists.org

View all threads

fix for varying field lengths..

JM
Jesse Martinez
Tue, Jun 4, 2013 6:04 PM

Hi all,

I've been tinkering for a long while with finding a way to fix the varying
field length issue -- the issue where the fixed- and dynamic-length grouped
elements vary in length against a fluid width page/block in the UI. I have
something that almost works, at least in Chrome, but broken in most
browsers. I found that using the relatively new flexbox (aka box-flex AKA
flex) layout property in CSS3 offers a good solution. The problem is that
this new CSS3 property is too new and incompletely implemented across all
major browsers. C'est la vie.

Here's a good review about this layout model
http://coding.smashingmagazine.com/2013/05/22/centering-elements-with-flexbox/

And some Moz docs
https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Flexible_boxes

Here's a quick snapshot of this in action
[image: Inline image 1]

I can share my notes with anyone who might want to tackle this problem.
Just let me know.

  • Jesse
Hi all, I've been tinkering for a long while with finding a way to fix the varying field length issue -- the issue where the fixed- and dynamic-length grouped elements vary in length against a fluid width page/block in the UI. I have something that _almost_ works, at least in Chrome, but broken in most browsers. I found that using the relatively new flexbox (aka box-flex AKA flex) layout property in CSS3 offers a good solution. The problem is that this new CSS3 property is too new and incompletely implemented across all major browsers. C'est la vie. Here's a good review about this layout model http://coding.smashingmagazine.com/2013/05/22/centering-elements-with-flexbox/ And some Moz docs https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Flexible_boxes Here's a quick snapshot of this in action [image: Inline image 1] I can share my notes with anyone who might want to tackle this problem. Just let me know. - Jesse