Can skuid put custom render (run a snippet) on children template field

  • 1
  • Question
  • Updated 1 year ago
  • Answered
  • (Edited)
I need to markup one table field with HTML wrapper <ul><li>..</li></ul>.
We can do this on ordinary table fields.
However, today I want to markup the same thing on template field.
It seems to me there's no such way to put conditional HTML wrapper on the field value.
Is there any workaround or built-in tricks to do so?


For example, I need to markup the raw value "field value" like this way.


<ul class="actions">
      <li class="search">
        FIELD_VALUE
      </li>
</ul>

References:
https://community.skuid.com/skuid/topics/can-you-apply-custom-render-snippet-to-a-template-field-in-...





Photo of Poc

Poc

  • 496 Points 250 badge 2x thumb

Posted 1 year ago

  • 1
Photo of Mark DeSimone

Mark DeSimone, Official Rep

  • 11,050 Points 10k badge 2x thumb
Hi Poc, if you need to insert the raw value of a field,  you can refer to it with merge syntax, using triple mustache brackets. Like {{{CreatedDate}}}, for example. This will strip out the default html that is rendered along with fields, and just display the raw value. There's a lot you can do with merge syntax - you can read about it here: https://docs.skuid.com/latest/en/skuid/merge-syntax.html

You can also check the box on your field properties to "Allow HTML" if you need to write your own HTML alongside field values. The HTML should mix in very well with any fields you refer to using merge syntax. 
Photo of Poc

Poc

  • 496 Points 250 badge 2x thumb
Since I still have to do conditional render within it.
I will try it to see if it works.
Thank you so much
Photo of Poc

Poc

  • 496 Points 250 badge 2x thumb
Is invoking a snippet from a template field to format the cell value available now? I saw some posts that can invoke a snippet by clicking the link on the field.However, What I need is to invoke the JS call when loading the table (users no need to trigger the snippet call)