Is there a way to change color on template merge field text

In the template below, Is there a way to change the text color of 'Product on Allocation' if 'On_Allocation is true? Can you embed CSS or HTML?

Image httpsd2r1vs3d9006apcloudfrontnets3_images1154123RackMultipart20150209-10896-1v0h6q7-MergeTextColor_inlinejpg1423516626

Image httpsd2r1vs3d9006apcloudfrontnets3_images1154123RackMultipart20150209-10896-1v0h6q7-MergeTextColor_inlinejpg1423516626

Jeffrey Lawler

1,514 Points

Posted 5 years ago

5 years ago

Moshe Karmel, Champion

8,686 Points

Try something like this:

{{#On_Allocation__c}}<font style="background-color:red;color:white;font-weight:bold;padding:3px;position: relative;"> -- PRODUCT ON ALLOCATION </font>{{#On_Allocation__c}}

Comment

1 person likes this

5 years ago

Jeffrey Lawler

1,514 Points

Hi Moshe,

Thank you very much for the reply. I tried the following, simplify it a bit, but there was no change to the test displayed? Any thoughts?

{{Name}}{{Description}} <font style="background-color:red; color:white; font-weight:bold; padding:3px; position: relative;"> -- PRODUCT ON ALLOCATION </font> {{Product_Category__c}}

Comment

5 years ago

Matt Sones, Champion

33,040 Points

Jeffrey... do you have "allow html" checked on your template settings?

Comment

5 years ago

Irvin Waldman, Champion

9,026 Points

You probably don't won't to use the tag as it is not supported in HTML 5. Use a instead. I will leave it to our fellow web brethren to correct me.

{{Name}}{{Description}} -- PRODUCT ON ALLOCATION {{Product_Category__c}}

Oh, yes, enable "Allow Html" per Jim.

Comment

5 years ago

Jeffrey Lawler

1,514 Points

I do not think I can "Allow HTML" as this is just the Display Template/Search Template fields for the Search properties on a lookup field. This is not a Template component field.

Image httpsd2r1vs3d9006apcloudfrontnets3_images1155029RackMultipart20150211-1673-csju36-search_inlinejpg1423666418

Comment

5 years ago

Rob Hatch, Official Rep

45,308 Points

You can certainly embedd html in a normal template, but you are using the templates provided to show reference fields. HTML is not interpreted here. This looks like a perfect scenario for writing a custom renderer. JavaScript to the rescue.

(Edited)

Comment

2017-06-30T19:19:01+00:00

Poc

496 Points

Hi, how could I put a snippet and invoke it on loan for this case?

2017-07-01T18:46:26+00:00

Matt Sones, Champion

33,040 Points

In the Basic menu for the field choose 'snippet' for the rendering property, and enter the name of your snippet in the box that appears.

There are lots of examples of custom field renderers here on the community and in the docs.

2017-07-10T18:32:47+00:00

Poc

496 Points

Hi Matt, there's no way to invoke snippet inside template field, right?