Nikolay Megdano
Tera Expert

JKMB

Environment Marker

Servicenow Application

Jkmb.eu | JKMB Ltd.

Disclaimer

We developed this application for our own internal use but why not share it with everyone else? Hopefully, some of you might find it useful. 🙂 The application can be found on the Servicenow developer share.

*Use at your own risk and feel free to fix, change, rebuild anything you want.

Description

The application's purpose is to conveniently mark the environment which you are currently on so you are always on the right place when making changes. A common practice while working with ServiceNow is that developers or administrators will have several tabs open and some of them might be on different ServiceNow instances. When you have several tasks at hand you might accidentally make a change on the wrong environment if you have the wrong tab open by mistake.

This simple application is designed to help developers and administrators work with peace of mind and avoid mistakes. A cool environment marker will be placed on the screen, so you always notice where you are and avoid mistakes.

find_real_file.png

Specifications

Our environment marker is very easy to configure and users have total control over it. Everyone can decide for himself what look he wants and what position on the screen he wants. We developed our application with modern UX patterns in mind and we followed all best practices when coding it so you are safe when moving into the future. Sure we didn’t forget to take care for backwards compatibility so we support UI15 too.

Key advantages:

  • Easy installation and configuration.
  • Granular access control for more convinience.
  • find_real_file.png
  • Total control over look and feel.
  • find_real_file.png
  • Clean, easy to read and safe code.
  • find_real_file.png
  • Pure JS and CSS with zero dependencies (not even jQuery).
  • find_real_file.png
  • Proper error handling.
  • find_real_file.png
  • Seamless integration with UI16/UI15.
  • find_real_file.png
  • find_real_file.png

 

Installation

Just import it. That’s it. It consists only of  5 objects! Our implementation is made with simplicity in mind and we made sure to create our application part unique so we don’t interfere with anything on the system.

Access configuration

The access is controlled with three elements:

  1. Roles: env_marker_admin and env_marker_user
  2. System Property: jkmb_env_marker_main_switch

If you will be administering the functionality you need to add the two roles to your user.

The env_marker_user role gives you permission to use the functionality (if the main switch is on) so you will get a nice button in ServiceNow header:

find_real_file.png

The env_marker_admin role gives you permissions to edit the jkmb_env_marker_main_switch which as the names suggests is the main switch. With this property you can globally disable or enable the functionality. If you set it to false the functionality will be turned off for everyone no matter if they have the user role.

jkmb_env_marker_main_switch = true

find_real_file.png

jkmb_env_marker_main_switch = false

find_real_file.png

MARKER USAGE

The marker usage is done through a nice popup with all the settings inside:

find_real_file.png

  1. Turn on/off

Unlike the global on/off switch this option controls if you will have the environment marker shown on your screen or not.

 find_real_file.png

find_real_file.png

  1. Position:

We can place our marker on the for corners of the screen so this option takes care of this.

 find_real_file.png

 find_real_file.png

find_real_file.png

 find_real_file.png

  1. Background:

Controls the background color of the marker.

 find_real_file.pngfind_real_file.png

find_real_file.pngfind_real_file.png

  1. Opacity

Controls the transparency of the marker.

find_real_file.pngfind_real_file.png

find_real_file.pngfind_real_file.png

 

  1. Font Size:

It adjusts the size of the text in the marker.

find_real_file.pngfind_real_file.png

find_real_file.pngfind_real_file.png

 

Comments
Faizeal Mohamed
Tera Guru

Hi @Nikolay Megdano ,

 

Is this will work in polaris UI?

 

Thanks,
Faizal.

CezaryBasta
Tera Guru

@Faizeal Mohamed you could use browser add on to have the same marker without UI dependency and changes to the platform. The addon is called SwissNOW.

KevinCask
Tera Contributor

Still no response to Faizeal Mohamed question..... Is this supposed to work on the Polaris/Next UX?

Nikolay Megdano
Tera Expert

Hey, sorry for not responding. It's not working with Polaris. Once I have some time to play around I will check out to integrate it. 🙂

Version history
Last update:
‎10-20-2021 11:28 AM
Updated by: