Skip to main content

User Interface

Wayfinding Planner user interface overview.

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 + Drag or scroll with two fingers on a trackpad

    • Zoom: Cmd (Ctrl) + Mouse wheel on macOS (Windows) or pinch gesture on a trackpad

  • Selecting elements

    • Click an element to select it.

    • Cmd (Ctrl) + Click to toggle the selection of an individual element.

    • Note that to select a multi-faced sign you should click its anchor point, which is represented by a circle and is usually located in the center of a sign.

  • Selecting single or multiple objects (e.g., signs, path points, and path segments)

    • Click + Drag in the level view to start selection with a rectangular lasso

    • Cmd (Ctrl) + Click to toggle the selection of an individual element.

    • Cmd (Ctrl) + Drag extend the selection with another recangular lasso

    • The selection can then be moved, copied, cut, pasted, or deleted as a single group action.

  • Cut/Copy/Paste/Delete operations with selected object(s) via menu Edit or using keyboard shortcuts:

    • Cmd (Ctrl) + C to copy the selected elements

    • Cmd (Ctrl) + V to paste the copied elements

    • Cmd (Ctrl) + X to cut the selected elements

    • Cmd (Ctrl) + Shift + C to copy the selected elements as a raster image

    • Backspace (Delete) to delete the selected elements

  • Undo/Redo via menu Edit or using keyboard shortcuts:

    • Cmd (Ctrl) + Z to undo the last action

    • Cmd (Ctrl) + Shift + Z to redo the last action

  • Repositioning elements

    • Move a Path Point, Sign Face, or group of selected objects: Drag the element with your mouse or trackpad

    • Rotate a Sign Face: Shift + 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.
      Note: the project file can be opened by double-clicking in Finder (File Explorer) on native platform or by dragging and dropping it into application window on any platform, including web. Drag-and-drop on app icon (macOS) or pressing Enter in File Explorer (Windows) work as well.

    • Recent Projects — Open a recent project

    • Save — Save the project

    • Save As — Save the project with a new name

    • Close project — Closes the current project

    • Export project reports… — Opens the dialog for exporting project reports

    • Exit — Close the application

  • Edit

    • Undo/Redo items

    • Cut/Copy/Paste/Delete items

    • Re-enumerate Sign IDs... — Opens the dialog for Re-enumerating Sign IDs

  • 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

    • Properties... - Opens the Project Properties dialog. Change measurement units as well as project name and description.

    • 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 and application settings.

  • Help

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

    • WFP Glossary — Opens the WFP Glossary page in the default browser.

    • Sample Projects — Opens the Sample Projects page 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)

See [tl;dr] Viewing and Editing Model Elements to find out how to control and edit model elements.

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 (15–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 schedule (BoQ) view

Lists sign types with their properties and quantities.

Quantities shown in the BoQ view are totals for currently visible levels.

Clicking on a signtype in the BoQ selects all signs of that type in all visible levels, with pulse effect. It helps to quickly locate the signs of a selected sign type.

wfp_ui_sign_boq_v_1_2.png

Figure 7. Sign schedule (BoQ) 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 8. Sign Face editor

Sign Type Manager

Sign type manager allows you to create new, clone existing, or delete sign types that are used in the project.

On the left side it shows a list of available sign types.

On the right side it shows the properties of the selected sign type as well as its Faces Editor. Depending on Face configuration of the sign type the Faces Editor allows the user to:

  • set acceptable directions for pre-defined single-sided or double-sided signs.

  • build fully customized sign configuration by adding/removing sign faces, setting their relative positions and orientations, and set their acceptable directions.

wfp_sign_type_manager_v1_2.png

Figure 9. Sign Type Manager window

Next steps

Did this answer your question?