question Re: Replicate Hi Support Top Blue Box Announcement in Developer forum

Replicate Hi Support Top Blue Box Announcement

davidsizu — Wed, 22 Feb 2017 00:12:51 GMT

Is there a straight forward way to replicate the behaivor of the current top blue box that Hi Support displays for announcement?

Thanks,

David

Re: Replicate Hi Support Top Blue Box Announcement

Bharath40 — Wed, 22 Feb 2017 00:33:01 GMT

Hi David,

Check if this thread may help you ServiceNow Geneva Header Informational Message ,Display Messages With UI Notifications - ServiceNow Guru

Re: Replicate Hi Support Top Blue Box Announcement

ian_cox — Wed, 22 Feb 2017 15:47:40 GMT

@raj Can you reply to this thread with how we did this please.

Re: Replicate Hi Support Top Blue Box Announcement

davidsizu — Wed, 22 Feb 2017 19:39:57 GMT

Thanks Bharath, Im looking for the complete bar and have the ability to display more text in it, but this could help.

Re: Replicate Hi Support Top Blue Box Announcement

Vinamra Misra — Thu, 23 Feb 2017 06:02:10 GMT

Hi David [davidsizu ],

This is a custom implementation in HI. In the Header widget attached to the theme of the portal, you can make below modification to achieve this.

Server:

- Fetch the systemwide notification properties from the sys_property table.

- If the notification is only for logged in user - use gs.isLoggedIn() to determine if the notification is for guest/authenticated user. Since the header is also visible on the unauthenticated page, you might want to add this check.

Sample code:

data.securityMessageText = gs.getProperty('systemwide.security.message.text', '');

data.securityMessageLinkURL = gs.getProperty('systemwide.security.message.linkurl', '');

data.isLoggedIn = gs.getSession().isLoggedIn();

HTML Template:

- Update the HTML to show the custom announcement banner

- Use the above data properties to show data.

On cancel, we are storing the state in the session so that the message will not appear for the current session of the user.

Re: Replicate Hi Support Top Blue Box Announcement

Teena Singh — Thu, 23 Feb 2017 19:22:52 GMT

Hi David,

The Customer Experience team is striving to ensure that customer queries posted from the HI Service Portal are answered in timely and accurate fashion.

If you feel your question has been resolved, please mark the appropriate reply in the thread as being the Correct Answer.

Thank you in advance.

Regards,

Teena Singh
Customer Experience: UX Strategy and Customer Insights
teena.singh@servicenow.com

ServiceNow

Re: Replicate Hi Support Top Blue Box Announcement

davidsizu — Thu, 23 Feb 2017 23:34:30 GMT

Hi Vinamra, thank you for your response, it sounds very promising.

I have a question based on this. Are the systemwide notifications properties restricted to ServiceNow personnel access only? Im now able to find it in the sys_properties table neither in Istanbul or Helsinki versions.

Thank you,

David Silva

Re: Replicate Hi Support Top Blue Box Announcement

snehawankhade — Thu, 09 Mar 2017 09:02:15 GMT

Hello Teena,

I want to show announcement in banner frame for all users on servicenow instance for out client. I have tried putting text and URL in Banner Text property but it is truncating the third line. Can u please suggest how this can be achieved. in UI15 the message works fine but in UI 16 it doesn't appear properly.

Re: Replicate Hi Support Top Blue Box Announcement

Teena Singh — Mon, 13 Mar 2017 02:06:07 GMT

Hi Sneha,

I will see if I can find someone to help with this. Thanks for providing detail.

Regards,

Teena Singh
Customer Experience: UX Strategy and Customer Insights
teena.singh@servicenow.com

ServiceNow

Re: Replicate Hi Support Top Blue Box Announcement

Vinamra Misra — Wed, 15 Mar 2017 06:29:48 GMT

Hi David,

I checked the OOB instance and it looks like the properties are also custom created even before my time.

You can create new properties to hold the text and URL separately and use them as above.

Let me know if you need more details for implementation.

Thanks,

Vinamra

Re: Replicate Hi Support Top Blue Box Announcement

Vinamra Misra — Wed, 15 Mar 2017 06:45:15 GMT

Hi Sneha [snehawankhade ],

If you inspect the header you will notice that the navbar-header has a fixed height of 50px; If the text of the "glide.product.description" goes beyond that it will truncate.

Since the concourse header is not exposed the only way I can think to achieve is through DOM manipulation. You will have to increase the height of the header "navpage-header" and then reposition the "navpage-nav" (navigator) and "navpage-main" (gsft main) to adjust the layout. This code can exist in a global script.

Note: Global UI scripts are loaded after the gfst main loads, you will see a glitch where the navpage-header and navpage-nav will load and only after navpage-main loads the scripts will work.

Re: Replicate Hi Support Top Blue Box Announcement

Teena Singh — Thu, 16 Mar 2017 13:37:44 GMT

David,

Glad to see that you are using the Community to learn more.

The Customer Experience team is striving to ensure that customer queries posted from the HI Service Portal are answered in timely and accurate fashion.

If you feel your question has been resolved, please mark the appropriate reply in the thread as being the Correct Answer.

This enables other customers to learn from your thread.

Thank you in advance.

If you are viewing this from the community inbox you will not see the correct answer button. If so, please review How to Mark Answers Correct From Inbox View.

Regards,

Teena Singh
Customer Experience: UX Strategy and Customer Insights
teena.singh@servicenow.com

ServiceNow

Re: Replicate Hi Support Top Blue Box Announcement

Radhika Aluru1 — Wed, 18 Oct 2017 18:09:38 GMT

Hi Vinamra,

do you have sample html code to achieve this? do we need to update client controllers also along with server script and html?

Thanks,

Radhika

Re: Replicate Hi Support Top Blue Box Announcement

Chris Sanford1 — Fri, 09 Nov 2018 20:20:26 GMT

So is this announcement only possible in the portal, or the platform as well? I noticed the screenshot above has it on the platform.