User Interface & Grid System

Traffic Elf uses a sidebar-driven UI with flyout menus and grid-based data views.

• Icons trigger flyout panels
• Each flyout exposes actions or data grids

• Opens from the left
• Contains grid launch options (Clients, Campaigns)

• Displayed in the main content area
• Rendered dynamically via JavaScript
• Multiple grids can be opened at once
• Each grid has a tab in the footer bar

• Tabs represent open grids
• Clicking a tab switches the active grid
• “Close All” button closes all open grids

Clients:

• Name
• Address
• Phone
• Contact Name
• Contact Title
• Notes

Campaigns:

• Name
• Owner
• Notes
• Agency
• Start Date
• End Date