# Landing Page and Dashboards

When you sign in to OperationsCommander initially, you are presented with a landing page. You can navigate back to that page anytime by clicking the OPSCOM logo. You can also find your Dashboards and system Setup information on this page.

**OperationsCommander works hard to maintain an up to date product wiki! If you have any questions or if you feel something is missing,** [**post about it in the community.**](https://community.ops-com.com/c/product-support/6)

# Using the OPSCOM-ARC System Dashboard & Widgets

<p class="callout info">The System Dashboard is a fully customizable, widget-based analytics interface built directly into the administrative portal. Its primary purpose is to allow administrators to visualize organizational data, track key operational metrics, and create personalized reporting views using a drag-and-drop grid. This article is intended for OPS-COM administrators responsible for monitoring system analytics and managing operational data.</p>

## Setup and Configuration

This feature is a core administrative tool used to display graphical and tabular representations of your operational data.

**Admin Side:** Administrators must have the appropriate system role permissions enabled to view, edit, or set default dashboards. Access to specific data within the widgets is automatically restricted based on the administrator's existing system permissions.

## Using this Feature

Administrators can use the following instructions to create custom dashboards, manage layouts, and configure individual data widgets.

<p class="callout info">There are two distinct dashboard types. The **General Dashboard** is the main operations dashboard accessible by clicking the OPS-COM logo, surfacing organization-wide data. The **Admin Dashboard** is shown when viewing a specific admin's profile page and automatically filters data to that specific user.</p>

### Creating a Dashboard

1. Click the **+ Create Dashboard** button on the Dashboard homepage.
2. Enter a descriptive title in the **Name** field.
3. Select **Private** (only you can see it) or **Visible** (any admin with browse permissions can view it) from the visibility options.
4. Click the **Create** button to immediately open the new workspace.

### Editing a Dashboard Layout

1. Toggle the **Edit Mode** switch located in the toolbar.
2. Drag widgets by their header to reposition them on the grid.
3. Drag the bottom-right corner of any widget to resize it.
4. Click the **Save Layout** button in the toolbar to persist the grid positions.

### Adding and Configuring Widgets

1. Toggle the **Edit Mode** switch in the toolbar.
2. Click the **+ Add Widget** button to open the widget gallery.
3. Click a specific widget card to add it to your grid.
4. Click the **Settings** icon on the new widget header to open the configuration modal.
5. Select the appropriate metrics from the **Data Source** drop-down menu.
6. Configure the specific Display Settings and Filter Settings for your required view.
7. Click the **Save** button to apply the configuration and fetch the data.

## Available Widget Types

<table data-path-to-node="18" id="bkmrk-widget-type-descript"><thead><tr><td>**Widget Type**</td><td>**Description**</td></tr></thead><tbody><tr><td><span data-path-to-node="18,1,0,0">**Graph**</span></td><td><span data-path-to-node="18,1,1,0">Displays data as an interactive chart. Supports Bar, Stacked Bar, Line, Pie, and Doughnut styles.</span></td></tr><tr><td><span data-path-to-node="18,2,0,0">**Filterable Graph**</span></td><td><span data-path-to-node="18,2,1,0">Identical to the Graph widget but includes an inline filter drop-down displayed directly on the widget header for real-time data slicing.</span></td></tr><tr><td><span data-path-to-node="18,3,0,0">**List**</span></td><td><span data-path-to-node="18,3,1,0">Displays data as a sortable, paginated data table. Ideal for raw record-level views (e.g., individual violations or LPR reads).</span></td></tr><tr><td><span data-path-to-node="18,4,0,0">**Map**</span></td><td><span data-path-to-node="18,4,1,0">Displays geocoded records as pins on an interactive map. Supports pin clustering, color-coding by age, and drawing patrol paths.</span></td></tr><tr><td><span data-path-to-node="18,5,0,0">**WYSIWYG**</span></td><td><span data-path-to-node="18,5,1,0">A free-form rich-text content panel used for notes, announcements, or instructions embedded directly in the dashboard.</span></td></tr><tr><td><span data-path-to-node="18,6,0,0">**Admin Info**</span></td><td><span data-path-to-node="18,6,1,0">A read-only profile summary card displaying the name, role, and contact details of the admin currently being viewed.</span></td></tr><tr><td><span data-path-to-node="18,7,0,0">**Incident Association**</span></td><td><span data-path-to-node="18,7,1,0">Displays incident association data relevant to the specific dashboard context.</span></td></tr></tbody></table>

### Available Data Sources

<table data-path-to-node="20" id="bkmrk-data-source-compatib"><thead><tr><td>**Data Source**</td><td>**Compatible Widgets**</td><td>**Common Display and Filter Settings**</td></tr></thead><tbody><tr><td><span data-path-to-node="20,1,0,0">**Violation Stats**</span></td><td><span data-path-to-node="20,1,1,0">Graph, Filterable Graph, List, Map</span></td><td><span data-path-to-node="20,1,2,0">Filter by payment status, payable only, geocoded only, or active writers. Group by time, plate, location, writer, or category.</span></td></tr><tr><td><span data-path-to-node="20,2,0,0">**Permit Stats**</span></td><td><span data-path-to-node="20,2,1,0">Graph, List</span></td><td><span data-path-to-node="20,2,2,0">Filter by active only status, permit type, specific lots, or lot zones. Group by permit type, lot, or user type. Measure by count or revenue.</span></td></tr><tr><td><span data-path-to-node="20,3,0,0">**LPR Stats**</span></td><td><span data-path-to-node="20,3,1,0">Graph, Filterable Graph, List, Map</span></td><td><span data-path-to-node="20,3,2,0">Filter by permit type or camera classification (Entry, Exit, Monitor, Patrol). Group by camera, device type, or entry/exit type.</span></td></tr></tbody></table>

### Dashboard Permissions Reference

<table data-path-to-node="22" id="bkmrk-permission-operation"><thead><tr><td>**Permission**</td><td>**Operational Effect**</td></tr></thead><tbody><tr><td><span data-path-to-node="22,1,0,0">**dashboard\_browse**</span></td><td><span data-path-to-node="22,1,1,0">Allows the administrator to view dashboards marked as Visible.</span></td></tr><tr><td><span data-path-to-node="22,2,0,0">**dashboard\_edit\_any**</span></td><td><span data-path-to-node="22,2,1,0">Allows the administrator to edit any dashboard regardless of ownership.</span></td></tr><tr><td><span data-path-to-node="22,3,0,0">**dashboard\_set\_org\_default**</span></td><td><span data-path-to-node="22,3,1,0">Allows the administrator to promote a specific dashboard to the organization-wide default.</span></td></tr></tbody></table>

---

## <span style="color: rgb(22, 145, 121);">Best Practices and Considerations</span>

- <span style="color: rgb(22, 145, 121);">**Utilize the Filterable Graph for LPR Camera data:** **Set the Filter Dimension to Camera to get a per-camera drop-down directly on the widget.** This allows you to quickly filter views without needing to open the backend widget settings.</span>
- <span style="color: rgb(22, 145, 121);">**Star your most-used dashboard:** **Mark your primary dashboard as your personal default.** Clicking the star icon ensures it loads automatically as your landing page when you navigate to the portal.</span>
- <span style="color: rgb(22, 145, 121);">**Use effective graph combinations:** **Use the Group by Entity setting combined with a Stacked Bar chart.** This is the most readable combination for comparing multiple cameras, lots, or writers side by side.</span>
- <span style="color: rgb(22, 145, 121);">**Create annual progress charts:** **Combine the Year to Date time period with the Group by Month setting.** This creates a clean, automated year-progress chart that resets automatically each January.</span>
- <span style="color: rgb(22, 145, 121);">**Optimize Map widgets:** **Configure Geo widgets with the Last 4 to 8 Hours time range and enable the Cluster Pins setting.** This prevents map clutter and improves performance for busy patrol routes.</span>
- <span style="color: rgb(22, 145, 121);">**Combine List and Graph widgets:** **Place a List widget alongside a Graph widget on the same dashboard using the exact same data source and filter settings.** This provides administrators with both a high-level visual chart and a raw-record drill-down on a single screen.</span>

# Edit the Admin Landing Page Messages

<p class="callout info">The Admin Dashboard landing page message feature allows organizations to display important, up-to-date information directly to their staff upon logging into the system. Its primary purpose is to centralize internal communications such as system updates, upcoming deadlines, or schedule changes. This article is intended for OPS-COM administrators responsible for managing internal announcements and system content.</p>

## Setup and Configuration

This feature requires specific role permissions to access the content and design configuration menus.

**Admin Side:** Administrators must have the **Manage System Messages** permission enabled on their user role.

1. Hover over **System Configuration**, click **Admin Management**, then **Manage Roles**.
2. Click the **Permissions** button next to the role you want to modify.
3. Click the **System Content** tab.
4. Enable the **Manage System Messages** checkbox.
5. Click the **Save Permissions** button.

## Using this Feature

Administrators can use the following instructions to seamlessly access and modify the content displayed on the main admin dashboard.

### Editing the Message Content

1. Hover over **System Configuration**, click **Content &amp; Designs**, then **Pages and Content Blocks**.
2. Click the **Messages** tab.
3. Click the **Edit** button next to the **Admin Dashboard** item.
4. Enter your desired content using the standard WYSIWYG editor.
5. Click the **Save Messaging** button to immediately publish your changes to the dashboard.

<p class="callout info">The WYSIWYG editor displays by default for quick text entry. If you prefer to construct your message using HTML, click the **Tools** drop-down menu and choose **Source Code**.</p>

---

## <span style="color: rgb(22, 145, 121);">Best Practices and Considerations</span>

- <span style="color: rgb(22, 145, 121);">**Share relevant information:** **Customize the dashboard to display important and up-to-date information relevant to your staff.** Highlighting recent system updates, upcoming enforcement deadlines, or internal announcements ensures maximum visibility across your team.</span>
- <span style="color: rgb(22, 145, 121);">**Keep messaging concise:** **Keep messages clear and concise.** The dashboard serves as a quick reference point, so avoid overly long or complex text blocks that busy administrators might easily skip over.</span>
- <span style="color: rgb(22, 145, 121);">**Leverage visual elements:** **Leverage the WYSIWYG editor to incorporate basic formatting, images, or links.** Breaking up text with bullet points or visual elements makes your internal messages much more engaging and readable.</span>
- <span style="color: rgb(22, 145, 121);">**Establish a schedule for regular updates:** **Periodically review and update your Admin Dashboard message.** Stale information trains staff to ignore the landing page; ensure the content remains current, accurate, and valuable to your operations.</span>