Problem with broken loop {{#each}} while saving PDF template

[arturkulik]

What can be wrong if i create templete ( via code view) with



<table class="bordered" style="width: 100%; border-collapse: collapse;"><tbody>

<tr style="background:#eee;border-bottom:1px solid #eee;">
headers
</tr>

{{#each............ }}
<tr>
DATA
</tr>
{{/each}}

</table>



after saving and editing again i got {{#each}} jumps before whole table:

[yuri]

It was covered many many times on the forum.

The recommended way is the 'iterate' attribute. https://docs.espocrm.com/user-guide/...#each-iterator

[victor]

Hi arturkulik,

From EspoCRM documantation:

Using <tr> and <td> tags along with {{#each}} helper is not recommended as it breaks markup of a contenteditable element.

A practically identical topic using iterate instead of {{#each}} has already been discussed on the forum: https://forum.espocrm.com/forum/deve...email-template with specific examples.

[arturkulik]

after changing to iterate - i lost coding ( font still this same) and data, it sees records but not content. probably it should be addressed other way

[yuri]

What EspoCRM version? There was a bug a couple versions back that has been already fixed.

[yuri]

That bug was fixed in 9.0.3.

[arturkulik]

ok
curr 8.4.2 we are upgrading to 9.1.1 in 30minutes,

Thank You,

If i need to start @index incrementing will it work to?

[yuri]

Index does not work. If you need it, you can still use the each helper but wrapping it in HTML comments to prevent the markup from getting broken.

[yuri]

Though it may still work with the attribute. I'm not sure.

[arturkulik]

I guess i found a bug
(espo 9.1.1 AdvPack 3.9.0)

when all previous problems fixed with 9.1.1 i got:

I wanto to disable whole row when one of arguments match pattern, i can not do it before iterate, because loop will not catch it, co i want to replace empty columns with one merged with some info

<tr iterate ={{}}>
<td> col1</td>
<td> col2</td>
{{#if conditions_to_merge_columns}}
<td colspan="3">empty cumulated row </td>

{{else}}
<td>col3</td><td>col4</td> <td>col5</td>

{{/if}}
</tr>

after saving it works, after editting
{{#if conditions_to_merge_columns}}
{{else}}
{{/if}}

is thrown before table

[victor]

In HTML tables, you need to use x-if="{{...}} instead of the usual {{#if}}...{{/if}}: https://docs.espocrm.com/user-guide/...attribute-x-if.

Currently, there is only one Conditional rendering attribute: x-if="{{...}} (does not yet exist, for example, x-else="{{...}} or x-unless="{{...}}). And that is why for each unique condition you need to use a unique separate element with a unique x-if="{{...}}.

Again, you can find an example of using iteration and x-if="{{...}} in the link from my previous post.

Personally, I checked for notEqual and equal:

<table style="border: 1pt; border-spacing: 1pt; border-collapse: collapse; width: 100%;" cellpadding="4" border="3pt"><tbody>
      <tr>
        <th width="35%" align="left">Name</th>
        <th width="35%" align="left">Contact Number</th>
        <th width="30%" align="left">Email</th>
      </tr>
      <tr x-if="{{notEqual emailAddress null}}" iterate="{{contacts}}">
        <td>{{name}}</td>
        <td>{{phoneNumber}}</td>
        <td>{{emailAddress}}</td>
      </tr>
      <tr x-if="{{equal emailAddress null}}" iterate="{{contacts}}">
        <td>nothing1</td>
        <td>nothing2</td>
        <td>nothing3</td>
      </tr>
    </tbody>
</table>​​