Skip to main content

Interface Parts

Dispatch App Login Screen

The main interface of the Dispatch App is divided into three core areas:

  • 1. Header
  • 2. Navigation Menu
  • 3. Page Body

1: Header Overview​

The header in the Dispatch App is designed for quick access and smooth navigation. It’s divided into three interactive sections:

Dispatch App Header

  1. Logo & Sidebar Toggle
  2. AWB Search Bar
  3. Quick Action Icons

Logo & Sidebar Toggle​

On the left, you’ll find the logo alongside a menu toggle icon.

  • 🡆 Click once to expand the sidebar menu and view full tab names.
  • 🡄 Click again to collapse it — showing icons only for a cleaner, wider workspace.

Logo Sidebar Toggle Demo

This allows users to control the layout based on their screen space and workflow preference.

At the center, there’s a powerful tool: the AWB Search Bar.

  • Type any shipment’s AWB number
  • Press Enter
  • Instantly view full shipment details — no need to navigate through multiple tabs

Check AWB status

This feature is especially useful for customer service and operations teams who need fast access to shipment information.

Quick Action Icons​

On the right side, you’ll find a set of handy icons:

  • 💬 Support Messages — Check responses from the VSoft technical team.
  • 🔔 Notifications — Stay updated on important events and alerts.
  • 🤵 Profile — View or update your company’s details, and log out securely.
  • 🌐 Language Switcher — Instantly switch the system language.

Header Action Icons

These tools ensure you’re always just one click away from key system features.

2: Main Menu Overview​

The Dispatch App features a side navigation menu with 7 main tabs, each designed to organize your shipping operations efficiently. Every main tab contains relevant sub-tabs to help you navigate to specific tools and data. When you click a tab, its content is dynamically loaded in the main page area.

Home​

Screenshot

The Home tab takes you back to the main control panel, where you can get a quick overview of your system and shipments. It serves as the starting point for your work and a reference point you can return to at any time.

The page contains the Dashboard, which displays a set of statistics and visual data such as Paid to Customer, COD Collected from Driver, and Overall Performance. This allows you to monitor operational progress and track financial and performance metrics quickly and efficiently, as shown in the image.

Operations​

The Operations tab is the operational powerhouse of the Dispatch App. It contains 9 sub-tabs, each with its own specialized tools — many with additional nested actions. Whether you’re creating, assigning, receiving, or reversing shipments, this is your daily logistics control center.

Here’s what you can do under Operations:

  • Create Shipment — Manually create a shipment with full sender, recipient, and package details.
  • Upload Excel — Bulk upload shipments from a prepared Excel file, and review past uploads by date range.
  • Receive Shipment — Confirm pickup and reception from senders for accurate tracking from the start.
  • Assign to Driver — Assign shipments to drivers and manage DRS (Delivery Run Sheets) in one place.
  • Return to Shipper — Return shipments to senders and track their pending or posted status.
  • Visit Result — Record delivery outcomes (successful, failed, or rescheduled) and track their status.
  • Manage Transactions — Reverse or cancel key actions such as:
    • Cancel Excel imports
    • Unpost transactions for: Transaction ID, Collect From Runner, Collect From Branch, Pay To Customer, DRS
  • Manage AWBs — Advanced actions like deleting an AWB, reversing collections, reversing payments, or editing AWB numbers.
  • Reoperate Shipments — Restart or reprocess shipments previously canceled or returned.

The Operations tab is where logistics come to life — full of power, flexibility, and control over the shipment journey.

Reports​

Gain full visibility over your operations:

  • Track shipment statuses
  • Monitor courier activities and routes
  • Generate detailed shipment reports

Ideal for supervisors and managers who need real-time performance insights.

Finance​

Manage the financial side of your logistics:

  • Oversee client account balances
  • Define core products
  • Collect cash from couriers
  • Handle client payouts
  • Manage branch collections
  • Generate client statements

All financial operations, centralized.

Branches​

Coordinate branch-level logistics:

  • Send/receive shipments between branches
  • Handle shipment settlements
  • Run inter-branch transaction inquiries

Admin Data​

Control the core structure of your company:

  • Input and manage company data
  • Define and manage branches
  • Add and update employees and couriers

The backbone of your operational setup.

Settings​

Customize the system to fit your workflow:

  • Manage message templates
  • Define shipment statuses
  • Set delivery failure reasons
  • Organize zones and delivery cells
  • Adjust other core default settings

This is where you shape how the system behaves.

3: Page Body (Tables)​

Tables appear across many pages in the app. Knowing how to use them effectively is essential.

Column Differences​

Column Differences

The layout is the same, but column content varies. Click the Columns button to show/hide columns. Use Reset to return to the default view.

Table Filters​

Table Filters

Use Filters to narrow results. Select a column, choose a condition, and enter a value. Remove filters by clicking the X next to them.

Column Filter​

Column Filters

Click the three dots on a column header to filter or manage that column specifically.

Exporting Table Data​

Exporting Table Data to CSV

Click Export to print or download data as a CSV.
Exported data reflects active filters — clear them to export the full table.

Table Density​

Choose between:

  • Compact — More rows, less space
  • Standard — Balanced layout
  • Comfortable — More spacing for readability

Rows Per Page​

Control how many rows appear per page: 10, 15, or 25.