Flex View¶
Design custom view layouts beyond the standard view templates. FlexView provides a canvas where you can freely create, resize, move, and arrange panes, then save the result as a standard XProtect view.
Quick Start¶
- Open the Flex View workspace tab in the Smart Client
- Click and drag on the grid to create panes (minimum 2x2 cells)
- Arrange and resize panes to your desired layout
- Click Save to open the save dialog, enter a name, select a folder, and confirm
Info
Install it only where you need it. There is no security control to let users show or hide this plugin, so install it only on Smart Clients where you want to give users the ability to do this.
Creating Panes¶
Click and drag on empty cells to create a new pane. A preview outline shows the pane dimensions while dragging. Release to place. The pane turns red if it would overlap an existing pane. Minimum pane size is 2x2 cells.
Moving & Resizing¶
- Move - Click and drag a pane's body to reposition it
- Resize - Drag the bottom-right corner handle of a pane to resize it
- Hover - Panes highlight when hovered, showing the resize handle
- Cursor changes to indicate the available action (move, resize direction)
- Panes cannot overlap - invalid placements revert automatically
Editing Existing Views¶
Click Open View to load an existing view. After confirming, the view picker opens. Use the search field at the top of the picker to filter views by name as you type.
When a view is loaded, its existing camera and built-in view-item assignments (Camera, Hotspot, Carousel, Matrix, HTML) are remembered. Camera names are shown in blue on each pane. After editing:
- Camera and built-in view-item assignments are restored to their original slot positions in the saved view.
- New panes start as empty slots.
- Removed panes are dropped from the layout.
Saving Views¶
- Save: for a new view, opens the save dialog (name + folder). For an opened existing view, recreates the view in place under the same name and folder while restoring camera assignments.
- Save As: only available when an existing view is loaded. Creates a duplicate at a new name/folder, carrying over the camera assignments. After Save As, the editor switches to the new copy so subsequent saves target the duplicate, not the original.
The created view works like any standard XProtect view. Assign cameras to empty slots in the normal Smart Client view builder.
Controls¶
| Action | How |
|---|---|
| Create pane | Click and drag on empty cells (min 2x2) |
| Move pane | Drag a pane's body |
| Resize pane | Drag the bottom-right corner handle |
| Delete pane | Right-click a pane, or select + Delete key |
| New layout | Click New to start fresh |
| Open view | Click Open View, confirm the recreate notice, pick a view (use the search field to filter) |
| Save | Save the current view - recreates an existing view with cameras restored |
| Save As | Duplicate an opened view to a new name/folder, carrying camera assignments |