Want to add red color bar to Additional comments field and activity on Work Order form

BhargavY
Tera Contributor

Hello everyone,

I have a requirement to add red color bar to field level and activity level. So i achieved field level configuration by creating  UI Macro and UI Formatter. Please see the below screenshots for your reference.

BhargavY_0-1766764955886.png

But i can't able to add color to activity level 

BhargavY_1-1766765217432.png
I have used one macro code that is mentioned below, If i use this it is overriding all activity bars to red, but i want color code for only Additional comments activity . see the below screenshot.

Macro Code: 

<jelly xmlns:j="jelly:core">
<style>
    /* Input field styling */
    textarea[data-stream-text-input="comments"] {
      box-shadow: inset 4px 0 0 0 red !important;
      padding-left: 12px !important;
      box-sizing: border-box !important;
    }

 

    /* Activity entries - force red color on all accent bars */
    .sn-card-component_accent-bar {
      border-left-color: red !important;
      background: linear-gradient(to right, red 4px, transparent 4px) !important;
    }
</style>
</jelly>



BhargavY_2-1766765442689.png
Can anyone help me with the solution top add red color bar only to Additional Comment field on activity level?

Thanks in advance!

 

 



 

3 REPLIES 3

Brian Lancaster
Kilo Patron

This would be done via field style not UI Macro or UI Formatter. Since you cannot right click on the file name for additional comments right click on any other field in the form and choose configure style.  Example screenshot from Incident. 

BrianLancaster_0-1767111170194.png

Once you have this remove the field you right clicked on from the filter so you can see all the fields. You can copy what is in work notes to create one for comments and just change the color to red.

Hi @Brian Lancaster ,

Thanks for the reply.
I first tried using a style, but it did not work for me. That’s why I created a UI Macro and a UI Formatter instead. If the style approach works on your side, could you please confirm and share a screenshot of your configuration and result?

Hi @Brian Lancaster ,

Thanks for the reply.
I first tried using a style, but it did not work for me. That’s why I created a UI Macro and a UI Formatter instead. If the style approach works on your side, could you please confirm and share a screenshot of your configuration and result?