Fluid Field Group
How Do I?
I have been starting to favour native fluid fields over eebloqs. Mainly because you can use grid as a fluid field.
However eebloqs pips fluid fields because you can create groups fields which are your “bloq”.
Why would I want this?
I want to be able to wrap a set of fields inside of a parent element
<div class="page-wrapper">
<!-- Additional Fluid fields -->
<!-- Wrapper component -->
<div class="component-wrapper">
<!-- Text fluid field -->
<h2>Optional Heading</h2>
<!-- grid fluid field -->
<div class="grouped-elements">
<div class="element">
<h3>Heading</h3>
element-image.jpg
</div>
<div class="element">
<h3>Heading</h3>
element-image.jpg
</div>
<div class="element">
<h3>Heading</h3>
element-image.jpg
</div>
</div>
</div>
<!-- Additional Fluid fields -->
</div>The only solution I have come up with is to create fluid fields that I call:
- wrapper open tag
- wrapper close tag
And in the mark up they represent <div> and </div>. Ideally fluid fields could be nested.
Has anyone else found a clean easy solution? Thanks in advance.
Hrm, I don’t have a brilliant idea. You do have a lot of variables that let you tell if it’s a particular field, but unless you wanted to wrap starting at a particular field/field type and end at a particular one every time, that wouldn’t work.
I think for this one, the best option is really an additional feature.
The Simple Grids & Tables field type inside of Bloqs doesn’t do what you need it to do?
I had not known that was a thing. For as long as I have used Bloqs I had accepted that this was not a feature.
But thanks for pointing this out 😊
Yeah it’s not a full featured Grid field, hence the name Simple Grid, but it supports a few different field types and uses most of the underlying EE Grid libraries, so it’s about as native as you can get. It may not work for every use case, but it seems to fill the gaps for most users.