How to change add alert notification background color as white in UI builder ServiceNow.

upendar5
Tera Contributor

‎07-17-2023 09:28 AM

I want to change alert message background color as white in UI builder.
I used below script can you please help me with this:


            items: [{

                id: "alert1",

                status: "positive",

                icon: "circle-check-fill",

                content: {

                    type: "html",

                    value: "<b>" + "Your request has been submitted." + "<b>"

                },

                action: {

                    type: "dismiss"

                },

            }]
 
Thanks Upendar.
0 Helpfuls
  • 738 Views
2 REPLIES 2

Tushar
Kilo Sage
Kilo Sage

‎07-17-2023 09:59 AM

Hi there,

 

  1. I think you can update the UI Builder configuration file: <servicenow_install_dir>/etc/uibuilder/configuration.json.

  2. Open the configuration file and add the CSS code inside the "css" property:

 

{
  "items": [{
    "id": "alert1",
    "status": "positive",
    "icon": "circle-check-fill",
    "content": {
      "type": "html",
      "value": "<b>" + "Your request has been submitted." + "<b>"
    },
    "action": {
      "type": "dismiss"
    }
  }],
  "css": {
    "alert-container": {
      "background-color": "white"
    }
  }
}

 

 

Save the configuration file.

 

Restart the UI builder - servicenow-uibuilder restart

 


Mark as correct and helpful if it solved your query.

Regards,
Tushar

0 Helpfuls

Satheesh M
Tera Contributor
In response to Tushar

‎03-04-2024 12:44 AM

show me the screenshot image

 

0 Helpfuls