Designer Knowledge Base & User Guide

Shape Libraries

Designer contains a rich set of pre-defined shape libraries including thousands of shapes, which can be extended and sorted as required. 

Shape libraries and shapes are supporting domain separation.

Shape Library

A – Select Shape Libraries application menu to see the shape library list.

B – Click New to create a new shape library.

C – The Image column contains a static preview of some shapes contained by the shape library. The image is not updated automatically. 

D – Only Active shape libraries are visible within the Designer canvas. 

Shape Libraries Form

The shape library form contains the relevant field to configure the shape library, including the references to the individual shapes within the library.

Shape Library Form

A – Categorize shape libraries to logically group them. The category is not used within the Designer canvas.

B – The Name of the shape library is visible in the Designer canvas and should be unique.

C – Select a ServiceNow group to make the shape library available only for a selected group of people. If the Global (G) is active, the Group (C) settings will be overwritten.

D – Short description of the content of the shape library. 

E – Static image of the shape library for preview purposes.

F – Active shape libraries are shown within the Designer canvas. Deactivate to hide it from all users. 

G – Global shape libraries are visible for all users. This option overwrites the Group (C) option. Uncheck and set a Group (C) to make the library available for a selected group of people. 

H – The order number positions the shape library amongst the other shape libraries. 

I – The related list shows all shapes as part of the library. 

Shapes Form

The shapes form is accessible via the shapes libraries form and contains the specification of an individual shape. 

Shape Form

A – The Shape Library indicated to which library the shape belongs to. 

B – The shape Name is used for display/tooltip and search within the Designer canvas. 

C – Setting the default table will associate the shape with a table while creating future state elements (CTRL+M in Designer).

D – The order number positions the shape within the shape library.  

E – Only Active shapes are visible within the shape library. 

F – The Label contains the text to be displayed within the shape. HTML code can be used for extended formatting (see table shapes).

G – Defines the default width of the shape. 

H – Defines the default height of the shape. 

I – The styling of the shape, which can be defined through formatting in Designer (CTRL+E in Designer to copy the style of a shape).

J – Check the Relationship box to indicate, that the shape is a relationship.  

K – Extended and custom SVG styling of shapes can be entered here (See Editing Stencils). 

Table of Contents