Use HTML in List component with Child Relationships field

Hello,

I've built a page in v2 with a List component and dropped a field from a child relationships tab into the component. I've marked "allow HTML", but when I use html markup in the template field it doesn't render it. It just shows the html as plain text. The allow HTML seems to work with regular fields, but I can't get it to work with child relationships. Is there a workaround for this?


Answers

  • Anna WiersemaAnna Wiersema 🛠️ 
    edited December 31, 2020

    Hey @Sam Becker thanks for bringing this issue to our attention. I've been able to reproduce this issue in the latest version of Skuid and have reported it to the product engineering team.

  • One possible workaround might be to use a deck rather than a list component. The deck component gives you more control over styling...

    You may also need to create a model for your child object (SKU?) and display it in a list component or however you prefer. Then you can use deck context to tell the card to only bring in SKUs where Parent_Relationship_Field__c is the Id field from your parent object model.

  • @Sam Becker I just learned a workaround here. Instead of dragging the child relationship into the component, add a template field and use the following syntax:

    {{#ChildObject__r.records}}{{Field}}<br>{{/ChildObject__r.records}}
    

    Then you can enable html in your template as normal.

Sign In or Register to comment.

Howdy, Stranger!

It looks like you're new here. If you want to get involved, click one of these buttons!