NOC Form Management: Complete Operations Guide

The NOC (No Objection Certificate) module is your essential tool for formalizing customer consent in logistics and relocation services.

Whether you are on a desktop workstation or a mobile device in the field, every feature is optimized for speed, clarity, and one-tap execution.

NOC Form Creation

The creation form is structured into collapsible cards for focused editing.

NOC forms can be linked to corresponding Lorry Receipts (LRs), invoices, or quotations for integrated workflows.

Dashboard Statistics

Four stat cards sit above the list, updating automatically as you add, delete, or modify NOC forms.

Each card features a distinct color accent and an icon for at-a-glance recognition.

Search & Filtering

Use the search bar above the list to filter NOC forms in real time.

• Searchable Fields: Customer name, phone, NOC number, vehicle number, date, and custom metadata.
• Real-Time Results: Client-side filtering with zero server delay. Result count updates instantly.
• Clear Search: Click the × button or press Escape to reset.
• Case-Insensitive: Typing "delhi" matches "New Delhi" entries.

NOC Form List View

NOC forms are displayed in a high-density table on desktop and collapsible cards on mobile.

Records sort by NOC number descending (newest first). Infinite scroll loads 10 records initially, then auto-fetches the next batch as you scroll.

View NOC PDF

Opens the generated PDF in a new browser tab for quick verification.

1. Click the three-dot menu on any NOC row.
2. Select View NOC.
3. The PDF opens in a new tab with your company branding, terms, and signatures.

Download / Save PDF

Saves the NOC PDF to your device with a standardized filename.

1. Click the three-dot menu on any NOC row.
2. Select Save PDF.
3. The file downloads as noc-{number}.pdf.

Share NOC

Distributes the PDF via your device's native share sheet or clipboard.

1. Click the three-dot menu on any NOC row.
2. Select Share NOC.
3. On mobile, the system share sheet opens — choose WhatsApp, email, or any app.

Edit NOC

Opens the NOC form pre-filled with existing data for quick corrections.

1. Click the three-dot menu on any NOC row.
2. Select Edit.
3. The form opens with all data restored: customer info, goods details, route, and declaration.
4. Make changes and save. The PDF reflects updates immediately.

Delete NOC

Permanently removes an NOC form from your records.

1. Click the three-dot menu on any NOC row.
2. Select Delete.
3. A confirmation dialog appears with the specific NOC number. Click Delete to confirm.

Create New NOC

Initiate a new NOC form from two locations on the list page.

Both buttons route to the creation form. A toast "Opening new NOC form..." confirms the action.

Refresh Data

Re-fetches the entire dataset from the server. Useful for multi-user synchronization.

• Full Reload: Clears local cache, shows skeleton loading state, and pulls the latest records.
• Search Preserved: Your active search query is not cleared.
• Toast Confirmation: "Refreshing data..." followed by "Loaded N NOC forms".

Mobile & Desktop Views

The NOC List adapts its layout based on screen width.

Notifications & Feedback

BSTD uses non-blocking toast notifications in the bottom-right corner. Auto-dismiss after 3.5 seconds.

Multiple toasts stack vertically so rapid actions produce a readable queue rather than overlapping noise.

UX Tips & Shortcuts

Maximize efficiency with these built-in interaction patterns.

• Dropdown Auto-Close: Click outside, scroll, or resize to close orphaned menus.
• PDF Preloading: Hover over View for 200ms to trigger a silent fetch.
• Search Clear: Press Escape while focused to clear instantly.
• Phone Links: Tapping a number opens the dialer pre-filled on telephony-enabled devices.
• Color Language: Blue = info, Emerald = success, Amber = pending, Cyan = recent.