Field styles not visible in next experience landing page

Jessica6
Tera Contributor

We have a field style configured on the number field on the task table that makes the field orange when the field u_updated_by_customer is set to true (checkbox field). This makes sure that in front of (for example) the incident number in the list of incidents an orange dot appears in front of the number. This orange dot means that a customer has left an additional comment (either via portal or reply to email) in the incident and is a visualized trigger for the Service Desk to have a look at the record and take action.

 

However this field style is not visible in the Next Experience landing page. Is that normal behaviour in the Next Experience landing page or is there any way that we can make the field style visible there?

1 REPLY 1

Community Alums
Not applicable

Hi @Jessica6 ,

It's a known issue!!

When you edit Next Experience styles, you work in raw JSON code. Edit with care.

Procedure

  1. In the filter navigator field, enter sys_ux_style.do to create a new style record.
  2. Name the style and specify whether it is a Core style or a Variant.
    Note: The Dark theme is the only variant shipped with Next Experience.
  3. Select Submit.
    The style is now available in themes.
  4. In the filter navigator field, enter sys_ux_style_list.do.
  5. In the UX Styles list, add JSON code with the following base and properties blocks to the Style field of your style record to contain overrides in the style record.
    {
      "base": {
    },
      "properties":{
      }
     }
    SandeepDutta_0-1691576986715.png
    1. In the Style field, edit the JSON code to reflect the overrides you want the style to contain.
      1. Add or edit your main colors in the base section of the JSON code and other versions of the colors in the properties section, then select Update.

        Use RGB values.

        The following example shows sample color overrides.

         

        SandeepDutta_1-1691577010060.png

        Add or edit shapes in the properties section of the JSON code and then select Update.

        The following example shows sample shape overrides.

        SandeepDutta_2-1691577028416.png
        1. Add fonts, images, and other theme assets.
          For more information, see Add Next Experience font and image assets.
        2. If you have uploaded fonts, add or edit typefaces in the properties section of the JSON code and select Update.
        3. SandeepDutta_3-1691577047795.png

           

  6. Select the name of your style to edit colors and shapes.