{//% unless portal.user.is_agent %} Tickets
Login Submit a Ticket {//% endunless %}

Customizing colors used on N-Tracking maps

1       Introduction 

Customizing colors used on N-Tracking maps 

In this topic, Administrators learn to set the color N-Tracking uses to display warning and caution information and different categories of aircraft. 

We estimate that this will take 4 minutes to complete.

2       Detailed Explanation 

Using Colors to Indicate Flight Characteristics

N-Tracking default colors are applied to aircraft symbols on the map for a visual indication of status.

For airlines using surface tracking, these same colors apply to tracked and "other" planes on the surface tracking maps.

In this topic, you learn how to choose the color to use in N-Tracking for:


        warning and caution information and aircraft symbols

        tracked flights

        aircraft in "my fleet" (allocated to a user's desk)

        other flights

        planned flights (Flight List banner only) 

When you first access the map, you'll notice two things -- the Flight List on the left and colored aircraft icons overlaying the map.

The colors used in the Flight List section headers match the coloring of the aircraft icons on the map. You can tailor these color assignments.

For example, you might choose to assign a corporate color to the My Fleet banner and icons, a slightly different color to the Planned banner, and a very different color to Others banner and aircraft icons that display on the map. 

In the following example, you learn how to customize these colors for your airline.

This example shows aircraft labels, another tool you can use to customize the display of information on the map. For further details on customizing and managing aircraft labels, consult the applicable topics.  

Interaction 2Interaction 1

Interaction 1 Click the ADMIN dropdown button.

Interaction 2 Click the Administration list item.

Use the Color menu option on the Administration menu to customize the colors used on the map. 

Interaction 1

Interaction 1 Click the Color menu item.

The Custom Colors page shows the current selection of colors used by N-Tracking for this example. Notice, for example that aircraft for which alerts are being emitted are colored a bright red.

Each color displays its associated hexadecimal ("HEX") code, such as #FF6600.

Each of the color swatches shown on this page features a checkbox.

If the checkbox is not selected, the N-Tracking default color applies.

In this example, two types of aircraft are displayed using non-default colors: aircraft in a "caution" status and aircraft listed in the Others section of the Flight List. 

Interaction 1

To see how the checkboxes work in practice, click the checkbox for the Caution Flight color to deselect it. 

Interaction 1 Click the Caution flight color check box.

The color swatch for Caution Flight changes to orange, from its previous yellow.

Orange is the default color N-Tracking applies to aircraft in caution status.

To change the colors used to different non-default colors, enter the color's HEX code (if you know it) into the input field to the right of the color swatch. 

Alternatively, you can use the Color Picker built into N-Tracking to select and change colors. In this example, the dark blue chosen to depict Other Flight(s) may not provide enough contrast to differentiate these aircraft from those in your fleet. 

Interaction 1

Interaction 1 Click the Other Flight color input field.

If the checkbox is not selected, N-Tracking uses the default color even if the HEX number has been changed.

Interaction 1

Interaction 1 Click the green zone.

To dramatically change the color (for more contrast), pick a different hue in the vertical bar on the right of the Color Picker.

For this example, click in the green zone between light blue and yellow. 

Interaction 2Interaction 1

Interaction 1 Click the top portion of the green color swatch.

For a different shade of green, click in the color swatch on the left of the Color Picker. (In this example, near the top.)

The small white circle re-positions to reflect a different color shade. 

The Color Picker shows the current color choice in a horizontal bar below the Picker.

The larger color palette on the left also displays a small white circle indicating where in the color spectrum this color belongs.

The Color Picker displays the hexadecimal code for the color you selected.

When you're happy with the chosen color, click the X at the lower right corner of the Picker to close it. 

Interaction 2 Click X (Close) icon.

The default color applied to the banner for Planned flights in the Flight List is black.

You may find that this does not provide enough contrast. In that case, use the techniques you just learned to change that color. 

Interaction 2Interaction 1

Interaction 1 Click the Planned Flight Color check box.

Interaction 2 Click the Planned Flight color input field.

Interaction 2Interaction 1

In this example, enter 8f4d3 after "#0" in the input field. 
You can type the letters in either upper or lower case.

Interaction 1 Enter 8f4d3 into the Planned Flight color field.

The Planned Flight banner adopts the new color.

To lighten this color, you would click farther to the left in the color swatch -- closer to the white corner. 

Interaction 2 Click the X (Close) icon.

Interaction 1

Always remember to save your changes. 

Interaction 1 Click the Save button.

Check the impact of your color changes on the map. 

Interaction 1

Interaction 1 Click the Map tab.

Based on the color changes you made... 

The icons of aircraft in "caution" status display in orange on the map. 

The aircraft in your fleet display in a mid-range blue. 

The icons for tracked flights display in a lighter blue. 

The lighter color assigned to the Planned banner provides more contrast than black. 

The new color chosen for Other aircraft also provides good contrast. (In this example, the display of these flights on the map is toggled off.)


Did you find it helpful? Yes No

Send feedback
Sorry we couldn't be helpful. Help us improve this article with your feedback.