Publisher does not support the Fluid field type. Please do not contact asking when support will be available.

If you purchased an add-on from expressionengine.com, be sure to visit boldminded.com/claim to add the license to your account here on boldminded.com.

Ticket: SImple grid output with file

Status Resolved
Add-on / Version Simple Grids & Tables 1.5.3
Severity
EE Version 6.3.5

Aasun Eble

Nov 03, 2022

I’m having exactly the same issue as Ticket #2524

The docs don’t reference file tags, at all. So not sure how to do this:

<div class="columnGrid">
		{columns}
			<div>
				<span><img src="{icon}"></span>
				<div class="preHeader">{header}</div>
				<p>{text}</p>
</div>
<p>		{/columns}<br /></p>
</div>

outputs everything correctly except the “{icon}” variable is un-parsed.

I have to put everything inside the {icon} {/icon} tag to make it render correctly.. Seems odd/strange/incorrect that non-file data has to be enclosed in the file tag??

<div class="columnGrid">
		{columns}
			<div>
				<span><img src="{icon}"></span>
				<div class="preHeader">{header}</div>
				<p>{text}</p>
</div>
<p>		{/columns}<br /></p>
</div>
#1

BoldMinded (Brian)

Try this build https://www.dropbox.com/s/uuywcdtaneyvvhp/simple_grids-1.5.3-develop-96b7bbae.zip?dl=0

The tags works the same as if it were a normal file field.

{simple_grid}
{photo}
{path}{file_name}|{url}
{/photo}
{/simple_grid}

or 

{simple_grid}
{photo}
{/simple_grid}
#2

Aasun Eble

So, I I have a simple grid with 3 columns set up.. first is image, second and third columns are text.

I expect the it will loop through the “simple_grid” field tag for as many rows of content exist.

The following code should work?

{simple_grid}
<div>
{photo}
<span>{url}</span>
{/photo}
<div class="preHeader">{col1}</div>
{col2}
</div>
{/simple_grid}
#3

BoldMinded (Brian)

Yep, that should work if the column name is “photo”

#4

Aasun Eble

Just tried with the new build. No change from what I currently have. When I structure the code/tags with my example (which is the logical approach, to me), nothing renders outside the photo tag.. I have to wrap the entire set of HTML and other column tags inside the photo tag for it to render. Which seems incorrect, since those other columns are not part of the image column.

So, I have to structure the code the following way to get it to render.. this is the same note that ticket #2524 mentions:

{simple_grid}
{photo}
<div>
<span>{url}</span>
<div class="preHeader">{col1}</div>
{col2}
</div>
{/photo}
{/simple_grid}
#5

BoldMinded (Brian)

Ok. Thanks for the update Aasun. I’ll take another look at it locally. Might not be until early next week until I can send another build.

#6

BoldMinded (Brian)

Comment has been marked private.

#7

Aasun Eble

Perfect. That change fixed the tag nesting.. Great!

Only other suggestion would to be to add to the documentation about how the file field type tags work.

#8

BoldMinded (Brian)

I can do that.

Login to reply