[✅ Solution] Click events in calculation fields

🙏 Ask the Community
1

Is the JS environment in calculation fields preventing click-events. eg for toggling information in tables?

Previous discussions around this subject don’t appear to answer the question.

2

@Leo Hi Leo, I think this is something Tape can answer directly. I’m trying to understand my limits with calculation fields.

3

Hey @RichardHedger

Do you mean something like this?

`
<table style="border-collapse:collapse; width:100%;">
 <tr>
  <th style="border:1px solid #ccc; padding:8px;">Name</th>
  <th style="border:1px solid #ccc; padding:8px;">Info</th>
 </tr>
 <tr>
  <td style="border:1px solid #ccc; padding:8px;">${@Name}</td>
  <td style="border:1px solid #ccc; padding:8px;">
   <details style="display:inline;">
    <summary style="cursor:pointer; color:blue; text-decoration:underline;">Show Info</summary>
    <div style="margin-top:4px; background-color:#f9f9f9; padding:6px; border:1px solid #ccc;">
     Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer vitae velit ut augue tempor tristique.
    </div>
   </details>
  </td>
 </tr>
 <tr>
  <td style="border:1px solid #ccc; padding:8px;">Jane Smith</td>
  <td style="border:1px solid #ccc; padding:8px;">
   <details style="display:inline;">
    <summary style="cursor:pointer; color:blue; text-decoration:underline;">Show Info</summary>
    <div style="margin-top:4px; background-color:#f9f9f9; padding:6px; border:1px solid #ccc;">
     Id ut magna. Phasellus at magna pellentesque
    </div>
   </details>
  </td>
 </tr>
</table>
`

This code uses pure HTML/CSS to simulate a “toggling” in a table.

1 Like
4

Looks good - thanks for the idea.

1 Like