1 Table of Contents
2 Left Sidebar
- 2.1 Channels
- 2.2 Assets
- 2.3 Images
3 Right Sidebar
4 Toolbar
5 Using the Editor
- 5.1 Supported Operations
- 5.2 Moving Objects
- 5.3 Resizing Objects
- 5.4 Rotating Objects
- 5.5 Flipping Objects
- 5.6 Saving Changes
- 5.7 Undo / Redo
- 5.8 Zoom in / Zoom Out / Reset Zoom
- 5.9 Changing element layering
  - 5.9.1 Move element backwards
  - 5.9.2 Move element to the back
  - 5.9.3 Move element forwards
  - 5.9.4 Move element to the front
6 Objects
- 6.1 Track Circuit
- 6.2 Points
- 6.3 2/3 Aspect Signal
- 6.4 4 Aspect Signal
- 6.5 Banner Signal
- 6.6 Driver's White Light
- 6.7 Level Crossing Barrier
- 6.8 Level Crossing Road Lights
- 6.9 Position Light Signal
- 6.10 Treadle
- 6.11 TFM (Trackside Functional Module)
- 6.12 Digital Indication
  - 6.12.1 Icon Field
  - 6.12.2 Multiple Inputs (quad state indication)
- 6.13 Analogue Indication
  - 6.13.1 Normal
  - 6.13.2 Coloured
  - 6.13.3 Gauge
  - 6.13.4 Named State
- 6.14 Text Indication
7 Creating Assets
8 Editing Assets
9 Known Limitations
- 9.1 Caption Styles
- 9.2 Dragging tracks to rotate
- 9.3 Tablets and touch devices
10 Terminology
11 Generate Assets

Left Sidebar

The left sidebar in the new designer is similar to the legacy designer and contain three tabs containing a list of channels, asset and custom images for the site.

Each tab has a search field at the top of the list that allows you to narrow down the contents.

If the item you are looking for is not visible in the list it may appear on subsequent pages. At the bottom of the list is a paging toolbar that allows access to other pages.

Channels

This tab list all of the digital and analogue channels available on the site, archived channels are not shown.

You can click and drag the channel icon from the list onto the map. For digital channels an coloured indication will be created, for analogue channels a text based indication will be created that shows the current value of the channel. The indications can be edited once on the map.

Assets

This tab list assets on the site which have a graphical representation for the map, some of the newer assets do not currently have a graphical representation and will not be present in the list.

You can click and drag the asset icon from the list onto the map.

Images

This tab list custom images that have been uploaded which can be included on the map.

You can click and drag the image icon from the list onto the map. A dialog will be shown where you can specify a caption if required. Once the image is on the map it can be resized by dragging from any of the four corners.

Right Sidebar

The right sidebar in the Playback contains two tabs with corresponding alarm raises lists 'Alarm Raises' and 'SSI Alarms'. 'Alarm Raises' , 'SSI Alarms' and 'info' list on Playback's left side are interconnected. Therefore, scrolling time selector list updates 'Alarm Raises' and 'SSI Alarms' lists.

Toolbar

Icon	Description

Icon	Description
	Drag onto the map to create a new DN/UP indication.
	Drag onto the map to create a new grey/white indication.
	Drag onto the map to create a new grey/red indication.
	Drag onto the map to create a new analog indication.
	Drag onto the map to create a new text indication.
	Drag onto the map to create a new platform/building.
	Drag onto the map to create a new auto signal.
	Drag onto the map to create a new caption.
	Drag onto the map to create a new site link.
	Undo the last operation (CTRL Z).
	Redo the last undone operation (CTRL Y).
	Remove the selected elements and copy them to the clipboard (CTRL X).
	Copy the selected elements to the clipboard (CTRL C).
	Insert the elements currently on the clipboard (CTRL V).
	Rotate the selected elements anticlockwise (L).
	Rotate the selected elements clockwise (R).
	Flip the selected elements vertically (Y).
	Flip the selected elements horizontally (X).
	Remove the selected elements (DELETE).
	Move the selected elements backwards. See move element backwards.
	Move the selected elements to the back (CTRL B). See move element to the back.
	Move the selected elements forwards. See move element forwards.
	Move the selected elements to the front (CTRL F). See move element to the front.
	Zoom out (-).
	Reset Zoom
	Zoom in (+).
	Toggle the grid (G).
	Toggle the map element hit-boxes.
	Update the map background colour.
	Save the current map and publish it as the current live map.
	Save the current map as a draft.
	Undo any changes saved since the map was last published.
	View the current map in playback (opens in a new tab).
	Run the asset generator on the site, this will attempt to generate assets based on the channel names. See Generate Assets.
	Show Help

Using the Editor

This section describes how the use the core functionality of the map designer.

Supported Operations

The table below shows which operations are supported for each different object type.

Object Type	Resize	Rotation	Horizontal Flip	Vertical Flip

Object Type	Resize	Rotation	Horizontal Flip	Vertical Flip
Track Circuit		45°
Points		45°
2/3 Aspect Signal		45°
4 Aspect Signal		45°
Banner Signal		45°
Driver's White Light		45°
Position Light Signal		45°
Treadle		90°
Level Crossing Barrier
Level Crossing Road Lights
Digital Indications
Analogue Indications
Text Indications
Platform/Building		90°
Auto Signal		45°
Caption
Site Link
Custom Image		90°

Moving Objects

When moving objects, they will snap to the underlying grid, use the toolbar button or press the G key to show the grid:

To move objects on the map, you can simply click and drag them, they will follow the cursor but still snap to the grid.

You can also use the arrow keys on the keyboard to move objects. Select the object with the mouse and then press the arrow keys to move the object. Each keypress will move the object by 1 grid square.

You can also move objects in bigger increments by holding the Shift key while pressing the arrow keys. Each keypress will move the object by 10 grid squares.

Resizing Objects

Object that support resizing can be resized by dragging the corners or ends of the object as shown below. Objects have a minimum size which prevents them from being made too small.

Rotating Objects

You can rotate object by first selecting them and then using the "rotate clockwise" or "rotate anticlockwise" buttons. Alternatively you can use the keyboard shortcuts R and L.

Flipping Objects

You can flip object vertically or horizontally by first selecting them and then using the "flip vertically" or "flip horizontally" buttons. Alternatively you can use the keyboard shortcuts X and Y.

Deleting Objects

You can delete object by selecting them and using the "Remove" button. You can also use the DELETE key.

Saving Changes

Once you have made changes to a map you can save them using the

button. This will save the changes in the designer but they will not yet be visible in playback. This allows you to make changes to the map without affecting the currently live map used by playback. Once you are happy with your changes and want to update the live map, press the

button. The table below shows how this system works:

Version		Type

	Type
V1	DRAFT
V2	DRAFT
V3	PUBLISHED	← Version live in Playback
V4	DRAFT
V5	DRAFT	← Version live in Designer

If you have made changes to the map but are not happy and want to revert to the last published version (the one in use on playback) you can use the

button to restore the designer to that version. This is shown in the table below:

Version		Type

	Type
V1	DRAFT
V2	DRAFT
V3	PUBLISHED	← Version live in Playback & Designer
V4	DRAFT
V5	DRAFT

Undo / Redo

The undo (reverse changes) and redo (restore changes) functionality has been added together with History tab which records the current undo/redo states. Everything on the map should be reversible/restorable, other than editing assets.

Zoom in / Zoom Out / Reset Zoom

You can zoom in / zoom out / reset zoom by using "Zoom in" / "Zoom out" / "Reset zoom" buttons. Alternatively you can use the keyboard shortcuts + / - / 0.

By the end of 2020 all mainstream browsers will drop support for Adobe Flash player. Historically Centrix relied on Flash Player for the components written using Apache Flex to run, this included the graphical replay component (playback) and the map designer. There are now replacements for these components written in modern web technologies. This page explains the compatibility between various components.

Sites with maps created in the Legacy Designer

Sites which have a map that was originally created using the legacy Flash Player based designer will be automatically migrated into the new format once the designer is opened. You can go ahead and make changes to the map and when you save the changes the map will be saved in the new format.

Compatibility Warning

Once you save a map in the new designer for a site you will no longer be able to access either the legacy playback or legacy designer for the site due to incompatible map formats. You must use the new playback and designer going forward for the site.

Access to the Legacy Designer

Access to the legacy Flash Player based designer is only available on sites which have not yet be edited in the new designer via the "Legacy Designer" button on the toolbar. Once a draft has been saved or committed for a site then access to the legacy designer is no longer possible due to incompatible map formats.

Access to Legacy Playback

Access to the legacy Flash Player based playback page is only available on sites which have not yet be edited in the new designer via the "Legacy Playback" button on the toolbar. If this button is not present on a site then the map has been edited in the new designer.

Compatibility Matrix

	New Playback	New Designer	Legacy Playback	Legacy Designer
Edited in Legacy Designer
Edited in New Designer

Changing element layering

All elements on the map have their own "layer" which allows them to be positioned in front or behind other elements on the map. This can be useful in situations where you have something like a text caption from one object that you want to appear on top of another.

The example below shows a platform object obscuring the caption of a signal, this can be resolved in one of two ways:

Select the signal and use one of the "move forwards" operations.
Select the platform and use one of the "move backwards" operations.

Below are examples of each of the four different operations in action.

Move element backwards

Move element to the back

Move element forwards

Move element to the front

Objects

The "edit" dialogs should feel familiar if you have used the legacy Flash Player based designer, we have tried to keep them as similar as possible.

You can edit object by double-clicking them on the map or by using the keyboard shortcut (

) when they are selected.

Track Circuit

The table below shows how the track circuit graphic looks in various configurations, you can of course combine multiple options such as IBJs and route lights.

IBJ	End of Overlap	Route Lights	Graphic

IBJ	End of Overlap	Route Lights	Graphic

Map Designer

Table of Contents