Display Custom Rich Text Field on Standard Card

Search
1

Hi Team,

I am trying to place a rich text description field on a forked standard card.
I borrowed the details format from the FAQ-accordion card, where we leverage the ANSWERS.formatRichText function below:

      details: profile.c_programDescription ? ANSWERS.formatRichText(profile.c_programDescription, "programDescription", "_top") : null, // The text in the body of the card`

However, when I preview this, the rich text comes out literally.

image
image731×382 38.3 KB

Does anyone know how to rectify this?

Best,
Luc

2

Hi Luc - I think this unit might help you: Adding Rich Text | Hitchhikers

1 Like
3

Thank you Amani!! That did the trick.

Solution (per the module Amani shared):

  1. Disable the Show More/Show Less Functionality (if you have it)

    // showMoreDetails: {
//   showMoreLimit: 750, // Character count limit
//   showMoreText: 'Show more', // Label when toggle will show truncated text
//   showLessText: 'Show less' // Label when toggle will hide truncated text
// },

  2. Add {{{ }}} to your Details section in your Handlebars Template

    <div class="HitchhikerFaqAccordion-details">
  {{{card.details}}}
</div>
1 Like