How to Add Announcement in ServiceNow Backend view (Not via Service Portal)

[Irene M]

Hi everyone!

Is it possible to post an announcement in the back end of ServiceNow? We will be upgrading the system from Quebec to San Diego and we want to post an announcement in both back end and portal about the system downtime.

If this is possible, can someone teach me how to do it? I need it in the white box below

[User531964]

Use the sys_ux_banner_announcement table. This announcement form is similar to the portal which makes it convenient to maintain. Reference this doc.

[Mohith Devatte]

Hello @Irene M  i think you can do it through UX banner announcements table

Navigate to All > Now Experience Framework > Configuration Settings > UX Banner Announcement Configurations.

You need to create a record in this table 

please mark my answer correct if it helps you

[Philippe Casidy]

Hi Irene,

The screenshot is showing UI16 right? Not Next Experience.

In UI16, I used to update the property glide.product.description also know as  "Page header caption" in UI16.

Search "Basic Configuration UI16".

This is what I used before moving to Next Experience where I use "UX Banner Announcement Configurations" as proposed in previous responses.

Regards,

Philippe

[John Trierweler]

UI Script to do that.

var announceHeading, announceMsg = "";

jQuery(document).ready(function() {

if (window.top.$j('div.navpage-main-left').attr('initial-url') != "welcome.do") {

var containerStyle = "";

if (!top.$j('#announceNotif').length) {

containerStyle = ".notification-conatiner {height: 123px;background-color: #0096EC;color: #DEEDFB;padding: 1px 20px;font-size: 14px;}";

containerStyle += ".notification-conatiner .text-width {text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}";

containerStyle += ".notification-conatiner h4 {display: inline-block;}";

containerStyle += ".notification-conatiner button.close {position: absolute;top: 10px;right: 15px;color: #2e2e2e;}";

containerStyle += ".notif-link, .notif-link:hover {display: block;color: #fff !important;text-decoration: underline;width: 260px;}";

getAnnouncementMessage();

var announceContainer = "<div id='announceNotif' class='conatiner-fluid notification-conatiner'>";

var containerHeader = "<div class='row'><div class='col-md-12'><h4>" + announceHeading + "</h4><button id='announceBtn' type='button' class='close' '><i class='icon-cross'></i></button></div></div>";

var containerBody = "<div class='row'><div class='col-md-12'> " + announceMsg + "</div></div>";

var msg = announceContainer + containerHeader + containerBody;

window.top.$j("<style>" + containerStyle + "</style>").insertBefore("div.sn-frameset-header");

window.top.$j(msg).insertBefore("div.sn-frameset-header");

showAnnouncementBanner();

}

window.top.$j('#announceBtn').on("click", function() {

hideAnnouncementBanner();

});

}

});

function getAnnouncementMessage() {

/* chose one method below and delete the other method if not used */

/* method using the sys_ui_message table */

// var gr = new GlideRecord("sys_ui_message");

// gr.get("<sys_id of record>");

// announceHeading = gr.key;

// announceMsg = gr.message;

/* method using the announcement table */

var gr = new GlideRecord("announcement");

gr.get("e1a17e861b7aa090f9dec918624bcbdd");

announceHeading = gr.title;

announceMsg = gr.summary;

}

function showAnnouncementBanner() {

window.top.$j('div.notification-conatiner').show();

window.top.$j('nav.navpage-nav').attr('style', 'top: 173px !important');

window.top.$j('main.navpage-main').attr('style', 'top: 173px !important');

window.top.$j('aside.navpage-right').attr('style', 'top: 173px !important');

window.top.$j('.navbar-divider').attr('style', 'top: 173px !important');

}

function hideAnnouncementBanner() {

window.top.$j('div.notification-conatiner').hide();

window.top.$j('nav.navpage-nav').attr('style', 'top: 50px !important');

window.top.$j('main.navpage-main').attr('style', 'top: 50px !important');

window.top.$j('aside.navpage-right').attr('style', 'top: 50px !important');

window.top.$j('.navbar-divider').attr('style', 'top: 50px !important');

window.top.$j('header.navpage-header').attr('style', 'top: 0px !important');

}

[Eva-Lena Lettes]

I'm following this...We need to do the same but moving into next experience. Quite a big thing for the users. A couple of releases ago it was possible to add an announcement in backend. As as banner visible for everyone that logged in...as I understand it is not possible now but will be once we've moved to next experience. Kind of a catch 22