Skip to main content

User Interface

Wayfinding Planner user interface overview.

Vladimir avatar
Written by Vladimir
Updated this week
Main UI window

Figure 1. Main UI window

[tl;dr] Viewing and Editing Model Elements

The Level view enables both viewing and editing of model elements:

  • Pan and Zoom — First, make sure Auto fit is unchecked in the Level view controls bar.

    • Pan: Space + Left click + Drag

    • Zoom: Cmd + Mouse wheel

  • Repositioning elements

    • Move a Path Point or Sign Face: Left click + Drag on the element

    • Rotate a Sign Face: Shift + Left click + Drag on the sign face

  • Context menus

    • Right-click (Secondary click) on an element to open its context menu

    • Menu options depend on the element type (Path Point, Path Segment, Sign Face, or Level)

  • Press Esc to cancel the current operation (e.g., moving or rotating an element, or closing a context menu).


Views and Panes

The main application window uses a dockable interface (Figure 1). It contains the following views and panes:

These views are synchronized: selecting a Sign Face in one view selects it in all others.
Views and panels can be docked by dragging their tab title bars.


Main Menu

  • File

    • New — Create a new project

    • Open — Open an existing project

    • Recent Projects — Open a recent project

    • Save — Save the project

    • Save As — Save the project with a new name

    • Export project reports… — Open the dialog for batch exporting project reports

    • Exit — Close the application

  • Show Levels

    • Lists all levels in the project. Tick a level’s checkbox to display it in a Level view tab.

  • Messages

    • Update automatic — Manually regenerate automatic messages. Mutually exclusive with Keep updating on the go.

    • Keep updating on the go — Continuously regenerate automatic messages.

    • Remove manual only — Delete all manual messages.

    • Remove automatic only — Delete all automatic messages.

    • Remove all — Delete all messages (manual and automatic).

    • Remove all and re-generate — Delete all messages, then regenerate automatic ones.

  • Project Library

    • Sign Type Manager — Open the Sign Type Manager to create, edit, or delete sign types.

    • Level Manager — Open the Level Manager to create, edit, or delete levels.

    • Settings — Open the Settings window to adjust project settings.

  • Help

    • Help Center — Opens the Help Center in the default browser.

    • About — Opens the About window.


Level View

The Level view shows the Level with its drawing, Path Network, and Sign Faces, and allows both viewing and editing.

Level View Controls Bar

Located next to the main menu, this bar controls how the level view is displayed:

  • Auto fit — Fits and centers the level in the viewport; disables manual pan/zoom when checked

  • Symbol size — Adjusts the size of symbols and labels

  • Sign Face labels — Toggles display of Sign Face labels by category (Direction, Navigation, Identification)

  • Path Point labels — Toggles display of Path Point labels by type (Decision, Target, Supportive)

View and Edit Controls

  • !! (ensure Auto fit is unchecked):

    • Pan: Space + Left click + Drag

    • Zoom: Cmd + Mouse wheel

  • Move or Rotate Elements

    • Move Path Point or Sign Face: Left click + Drag

    • Rotate Sign Face: Shift + Left click + Drag

Context Menus

All other operations are done via context menus:

  • Open: Right (Secondary) click on an element

  • Close: Press Esc, click outside the menu, or use the Close button

Level Context Menu

Right-click anywhere on the background to open the Level context menu:

wfp_lv_context_menus_all.png

Figure 2. Level context menu

Path Point Context Menu

Right-click on a Path Point to open its context menu. Contents depend on the point type:

wfp_pp_context_menus_all.png

Figure 3. Path Point context menu

Path Segment Context Menu

Right-click on a Path Segment to open its context menu:

wfp_ps_context_menus_all.png

Figure 4. Path Segment context menu


Import and Calibrate the Drawing

Before importing a drawing, identify a horizontal/vertical segment or rectangular area with known real-world dimensions in your project units.

Calibration defines the scale of the level drawing relative to real dimensions. This is used for calculating walking distances in the Path Network.

Calibration is quick (10–20 seconds) and ±0.5 m accuracy is sufficient.

Steps:

  1. Right-click the Level background to open the context menu.

  2. Select Edit background drawing → Import and Calibrate. The file dialog opens.

  3. Choose a drawing image (.png, .jpeg, .webp, or .svg) and click Open. The file loads and a red border appears indicating Calibration mode.

  4. (Optional) Maximize the window for better accuracy.

  5. Select known dimensions:

    1. Rectangle: Drag from one corner to the opposite.

    2. Line (horizontal/vertical): Hold Shift for a 1:1 aspect ratio, then drag from one end to the other.

  6. Confirm the calibration in the overlay dialog.

  7. If needed, repeat step 2 until satisfied.

  8. Enter the real dimensions in the input fields.

  9. Confirm again to save calibration.

Notes

  • If the selected area is too small, it appears red. Enlarge until it switches to normal.

  • Repeat selection until you’re satisfied with accuracy.

Video 1. Import and calibrate the drawing


Message Schedule View

Displays a list of sign faces with their messages, limited to currently visible levels.

Sorting and filtering:

  • Each click on a sortable column cycles through: Off → Ascending → Descending → Off.

  • Numbers on headers show sort priority when multiple columns are sorted.

  • Example: “1” on Sign Category (ascending), “2” on Sign ID (ascending).

wfp_views_boq_v1.png


Figure 6. Message Schedule view


Sign Face Editor View

The Sign Face editor shows the messages for the selected sign face.
You can:

  • Set or clear message display flags

  • Check targets, routes, and walking distances

  • Add manual messages

Messages Editor

wfp_views_signface_editor_v1.png

Figure 7. Sign Face editor

Next steps

Did this answer your question?