Replicate Hi Support Top Blue Box Announcement

davidsizu
Giga Contributor

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

Thanks,

David

Screen Shot 2017-02-21 at 4.00.01 PM.png

Screen Shot 2017-02-21 at 3.59.38 PM.png

1 ACCEPTED SOLUTION

Vinamra Misra
ServiceNow Employee
ServiceNow Employee

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.


View solution in original post

13 REPLIES 13

ian_cox
ServiceNow Employee
ServiceNow Employee

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


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


Vinamra Misra
ServiceNow Employee
ServiceNow Employee

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.