Skip to main content
Nintex Community Menu Bar
Question

What is the java script to highlight a Field Label on Skuid with a Colour?

  • July 12, 2024
  • 2 replies
  • 28 views

Forum|alt.badge.img+2

In the past, i have used the below java snippet in Skuid to highlight a Field value. However, now i want to highlight the Field Label using a java snippet. If anyone has the code, can you please share it?

var field = arguments[0],
value = arguments[1],
$ = skuid.$;
if(field.metadata.accessible){
{
// do CSS stuff here…
field.element.css({‘background-color’:‘#58D68D’});
field.element.css({‘font-weight’: ‘500’});
field.element.css({‘border-radius’: ‘5px’});
field.element.css({‘font-family’: ‘Lato , sans-serif’});
}
skuid.ui.fieldRenderers[field.metadata.displaytype]field.mode;
}

2 replies

annajosephine
Nintex Employee
Forum|alt.badge.img+18
  • Nintex Employee
  • July 12, 2024

Hi @Vishwas_Rajeevalocha, this is Skuid v1 correct?

If you haven’t already, when you preview the page, you can use the element inspector in the browser console to find the correct css class to target in the snippet. Here’s how that works in the Chrome browser.

Keep in mind that the page CSS might change in the future (for example if Salesforce makes a CSS change) in which case the snippet will need to be updated to reflect the new style rules.

NB for those using Skuid v2 - you can control this through the Design System and conditional style variants.


Forum|alt.badge.img+2

Hi @Anna_Wiersema ,

Thank you so much for sharing this information. This is very helpful. Thank you.