How can I use an in-line resource to display a Salesforce field value, wrapped in HTML elements?

  • 1
  • Question
  • Updated 8 months ago
I've tried following the documentation, but I'm a bit stuck.

I'd like to create an in-line resorce that displays the field of my choosing.

Then, I'd like to wrap it in some div tags so that I can style it with CSS.

Can you show me a simple example of how to do this? I have the field already in an existing model, so it should be fairly simple to reference it.
Photo of Greg Huete

Greg Huete

  • 2,340 Points 2k badge 2x thumb

Posted 6 years ago

  • 1
Photo of Rob Hatch

Rob Hatch, Official Rep

  • 44,698 Points 20k badge 2x thumb
It will probably be easier for you to use a template component to acutally display the field. There you can include the field of your choosing in {{braces}} but also add whatever html and css stylings you want. Its up to you whether you want to include the CSS inline in the template component, or as a resource.
Photo of David Forder

David Forder

  • 2,386 Points 2k badge 2x thumb
Hi Rob.. as a follow up, I have the same issue and used a template to display a html field (email template) but for the life of me I cant get it to actually render the HTML it simply displays the code?

I tried tagging it also..

<html>
<body>
{{HtmlValue}}
</body>
</html>

No joy. Any tips?
Photo of Matt Davis

Matt Davis, Employee

  • 932 Points 500 badge 2x thumb
Have you tried making the {{HtmlValue}} field a rich text? Override field meta data, make it textarea, then select the checkbox for rich text. 
Photo of David Forder

David Forder

  • 2,386 Points 2k badge 2x thumb
Thanks Matt .. let me try that now. 
Photo of David Forder

David Forder

  • 2,386 Points 2k badge 2x thumb
Perfect

Thanks Matt. I had tried using #urlDecode but it seemed to only work some times. Really appreciate it
Photo of Matt Davis

Matt Davis, Employee

  • 932 Points 500 badge 2x thumb
Glad it worked!
Photo of Greg Huete

Greg Huete

  • 2,340 Points 2k badge 2x thumb
Hey thanks Rob!

Let me ask you a few followup questions, because this was meant mainly to increase my understanding of how to use jQuery to call up fields from Skuid.

I have a date field I'd like to format as DD/MM/YY instead of DD/MM/YYYY. Can I do this inside the template, sort of like a merge field in Word?

I have another field I'd like to divide by 1000 and display the output wrapped in div tags.

What would be the best way to approach this?
Photo of Rob Hatch

Rob Hatch, Official Rep

  • 44,698 Points 20k badge 2x thumb
Custom renderers are going to be your friend. Check out the thread on simple math. With Javascript you will be able to do alot of that parsing and reformating.
Photo of Greg Huete

Greg Huete

  • 2,340 Points 2k badge 2x thumb
Rob, I think your link is broken. Can you send again? Thanks for taking time out of your evening to help!
Photo of Rob Hatch

Rob Hatch, Official Rep

  • 44,698 Points 20k badge 2x thumb
My appologies - here is the full URL: http://community.skuidify.com/skuid/t...
Photo of Greg Huete

Greg Huete

  • 2,340 Points 2k badge 2x thumb
Rob - on that link - Glenn's question (the last question) is also my question. Is it possible to invoke a field render in a template rather than a field?
Photo of Carmen Secrets

Carmen Secrets

  • 60 Points
yh the link is broken