AutoBridge

View Configuration - Configuration Guide


Overview

Views in the Permitting System provide different ways to visualize and interact with entity records. This guide covers the configuration of four view types: Grid View, Kanban View, Dashboard View, and Form View. Each view type serves different purposes and can be configured with specific permissions to control access.

View Types Available

View TypeIconDescriptionBest Used For
GridGrid3X3Tabular display of records with sortable columnsData analysis, bulk operations, searching
KanbanSquareKanbanCard-based board organized by a grouping fieldWorkflow management, status tracking
DashboardLayoutDashboardConfigurable widgets displaying charts and metricsKPI monitoring, reporting, analytics
FormClipboardListData entry and record creation interfaceRecord creation, public submissions

Prerequisites

Before configuring views, ensure:

  • User has Entity Manager access permissions
  • At least one Entity has been created
  • Entity has fields configured (especially for Kanban views)
  • User has appropriate role permissions for view management

Permission Requirements

ActionRequired PermissionResource
Create ViewCREATEENTITY_VIEW
Edit ViewUPDATEENTITY_VIEW
Delete ViewDELETEENTITY_VIEW
View RecordsVIEW_ENTITY_RECORDENTITY_RECORD

Understanding the View Architecture

Navigation Structure

Views in the Entity Manager are organized hierarchically:

  1. Sidebar Menu - Contains menu items (folders) that organize views
  2. Tab Views - Within each menu item, views are displayed as tabs
  3. Entity Independence - Any view can pull data from any entity, regardless of its location in the sidebar

Creating Views

There are two ways to create views:

Option 1: Create via Sidebar Plus (+) Button

Navigation: Entity Manager -> Sidebar -> Click + icon

This opens a menu with the following options:

OptionTypeDescription
GridgridCreate a new grid view
DashboarddashboardCreate a new dashboard
KanbankanbanCreate a new kanban board
FormformCreate a new form view
FolderfolderCreate a new sidebar menu item (folder)

Note: Any option selected from the sidebar + button creates a new sidebar menu item. The view type you select (Grid, Dashboard, Kanban, or Form) becomes the first tabular view within that new menu item. Selecting "Folder" creates an empty menu item where you can add views later. Additional views can then be added as tabs within the menu item.

Option 2: Create via View Tabs

Navigation: Entity Manager -> Click on any Menu Item -> View Tabs -> + Add View

When inside a menu item, you can add additional views as tabs. These views are specific to that menu item but can source data from any entity.


Section 1: Grid View Configuration

1.1 Creating a Grid View

Grid views display entity records in a tabular format with sortable columns and advanced filtering capabilities.

Navigation:

  • Sidebar -> Click + icon -> Grid, or
  • Menu Item -> View Tabs -> + Add View -> Grid

1.2 Grid View Creation Steps

The grid view creation is a multi-step process:

Step 1: Basic Information

SettingDescriptionRequired
View NameDisplay name for the grid viewYes
EntityThe entity this view displays records fromYes

Step 2: Column Selection

After naming and selecting the entity, you can configure which fields appear as columns:

  • Remove Fields: Exclude specific fields from the view

Step 3: Filters, Sorts, and Pins

Configure the default view settings:

FeatureDescription
FiltersSet default filter conditions for the view
SortingConfigure default sort order (ascending/descending) by field
Pinned ColumnsPin important columns to the left for visibility while scrolling

1.3 Grid View Features

Column Configuration (After Creation)

Once the grid view is created, you can modify columns directly:

  • Hide Field: Right-click column header -> Hide field (or use EyeOff icon)
  • Field Description: Right-click column header -> Field Description to view field details
  • Column Visibility: Toggle column visibility for the current session

Filtering Options

String Field Operators:

OperatorValueDescription
containsilikeCase-insensitive substring match
equalseqExact value match
does not equalneValue does not match
is emptyis_nullField has no value
is not emptyis_not_nullField has a value

Number Field Operators:

OperatorValueDescription
=eqEqual to
!=neNot equal to
>gtGreater than
>=gteGreater than or equal
<ltLess than
<=lteLess than or equal
is emptyis_nullNo value
is not emptyis_not_nullHas value

Date Field Operators:

OperatorValueDescription
iseqExact date match
date equalsdate_eqDate portion equals
is notneDoes not equal
is aftergtAfter specified date
is on or aftergteOn or after date
is beforeltBefore date
is on or beforelteOn or before date

Select/Dropdown Operators:

OperatorValueDescription
iseqEquals selected value
is notneDoes not equal
is none ofninNot in list
is any ofinIn list

Boolean Operators:

OperatorValueDescription
iseqEquals True or False

Available Boolean Options:

  • True (value: true)
  • False (value: false)

Section 2: Kanban View Configuration

2.1 Creating a Kanban View

Kanban views display records as cards organized into columns based on a single-select field (Dropdown or Radio).

Navigation:

  • Sidebar -> Click + icon -> Kanban, or
  • Menu Item -> View Tabs -> + Add View -> Kanban

2.2 Kanban View Settings

SettingDescriptionRequired
Kanban NameDisplay name for the kanban viewYes
Select Kanban FieldThe field used to group cards into columnsYes
DescriptionOptional description of the viewNo

2.3 Field Requirements

The Kanban grouping field must be one of:

  • Dropdown field type
  • Radio field type

Note: The dialog description states: "Pick a single-select field (Dropdown or Radio) -- this will be used to group participants in the Kanban view."

2.4 Kanban View Validation Rules

RuleValidation Message
Name required"Kanban view name is required"
Minimum length"Kanban view name must be at least 3 characters"
Maximum length"Kanban view name must not exceed 50 characters"
Character format"Kanban view name must contain only letters and spaces"
Field required"Please select a field for Kanban View"

2.5 Kanban Header Controls

The Kanban view header provides several controls for customizing the display:

ControlIconDescription
SearchSearchFilter cards by text search
Stacked BySquareChevronDownChange the grouping field
FilterFilterApply advanced filters
SortSortSort cards within columns
CustomizeSettings (Gear)Configure card display fields
Hide/ShowEyeOffHide or show specific columns

2.6 Kanban Customization (Customize Button)

Navigation: Kanban View -> Click Customize button (gear icon) -> Configure card display

The Customize drawer allows you to configure what fields display on Kanban cards.

Customize Panel Features

FeatureDescription
Fields SelectorComboBox to select which fields appear on cards
Drag & Drop ReorderDrag fields to change their display order on cards
Show All ToggleSwitch to show all available fields on cards
Remove FieldsClick X to remove a field from card display
Live PreviewSee changes reflected in the preview panel

Configuration Steps

  1. Click the Customize button (gear icon) in the Kanban header
  2. The customization drawer opens on the right side
  3. Use the Fields dropdown to select fields to display on cards
  4. Reorder fields by dragging them in the preview list
  5. Toggle Show All to display all fields on cards
  6. Close the drawer to apply changes

Drawer Labels:

LabelValue
Button Label"Customize"
Drawer Title"Customized your Card"
Subtitle"Click to Add columns here to customize what shows on your cards"
Fields Label"Fields"
Show All Toggle"Show All"

2.7 Stacked By (Change Grouping Field)

Navigation: Kanban View -> Click Stacked By button -> Select new field

You can change the field used to group cards into columns without recreating the view.

SettingDescription
Select FieldChoose a dropdown or radio field to group by
Field TypesOnly Dropdown and Radio fields are available

Help Text: "Choose a field (dropdown, radio) to group participants in the Kanban view."

2.8 Hide/Show Columns

Navigation: Kanban View -> Click Hide/Show button (EyeOff icon)

Control which columns (stacking field values) are visible in the Kanban view.

FeatureDescription
SearchSearch for specific columns by name
Toggle VisibilitySwitch each column on/off
Hidden CountBadge shows number of hidden columns

2.9 Kanban View Layout

Dimensions:

ElementValueDescription
Minimum Column Width364pxMinimum width per column
Minimum Card Width353pxMinimum width per card
Container Padding40pxPadding around container (20px each side)
Column Gap16pxSpace between columns
Sidebar Width364pxWidth of configuration sidebar
Drawer Width490pxWidth of customize drawer

2.10 Kanban Card Features

  • Drag and Drop: Move cards between columns to update the grouping field value
  • Field Display: Shows configured fields on each card (via Customize)
  • Unassigned Column: Records without a grouping value appear in "Unassigned" column
  • Field Limit: By default, cards show limited fields with "more fields" indicator
  • Add New: Create new records directly in a column

Text Constants:

FeatureLabel
Add New Record"Add New"
Unassigned Records"Unassigned"

2.11 Date Formatting

Kanban cards use the following date format:

  • Full Format: PPpp (e.g., "Dec 30, 2025 at 3:45 PM")

Section 3: Dashboard View Configuration

3.1 Creating a Dashboard View

Dashboard views provide configurable widgets for displaying charts, metrics, and data visualizations.

Navigation:

  • Sidebar -> Click + icon -> Dashboard, or
  • Menu Item -> View Tabs -> + Add View -> Dashboard

3.2 Dashboard View Settings

SettingDescriptionRequired
Dashboard NameDisplay name for the dashboardYes
DescriptionOptional description of the dashboardNo

3.3 Widget Types

Available Chart/Widget Types:

Widget TypeValueDescription
NumbernumberSingle numeric value with aggregation
ColumncolumnVertical bar chart
LinelineLine chart for trends
PiepiePie chart for proportions
BarbarHorizontal bar chart
TabletableTabular data display
CandlestickcandlestickFinancial candlestick chart
ScatterscatterScatter plot chart

3.4 Widget Configuration Options

Data Source Configuration

SettingDescription
EntitySource entity for the widget data
FieldField to aggregate or display
Field TypeType of the selected field

Aggregation Options

Number Field Aggregations:

AggregationValueDescription
SumsumTotal of all values
AverageavgMean value
CountcountNumber of records
MaxmaxMaximum value
MinminMinimum value
VariancevarianceStatistical variance
Standard Deviationstd_devStatistical std deviation

Date Field Aggregations:

AggregationValueDescription
CountcountNumber of records
MinminEarliest date
MaxmaxLatest date
DistinctdistinctUnique date count

Text Field Aggregations:

AggregationValueDescription
CountcountNumber of records
DistinctdistinctUnique value count

3.5 Date Granularity Options

For time-based charts, the following granularity options are available:

GranularityValueDescription
DaydayGroup by day
WeekweekGroup by week
MonthmonthGroup by month
QuarterquarterGroup by quarter
YearyearGroup by year

3.6 Sort Options

OptionValue
Ascendingasc
Descendingdesc

3.7 Top N Filtering

OptionValue
Top 33
Top 55
Top 1010
Top 1515
Top 2020

3.8 Number Widget Display Options

Label Position:

PositionValue
Bottombottom
Toptop

Unit Position:

PositionValue
Leftleft
Rightright

Currency/Unit Options:

UnitSymbol
Dollar$
EuroEUR
PoundGBP
Percentage%
CustomUser-defined

3.9 Dashboard Layout Constraints

ConstraintValueDescription
Grid Columns12Total columns in grid
Max Y Position1000Maximum vertical position
Max Widget Height50Maximum height units
Min Widget Width1Minimum width units
Max Widget Width12Maximum width (full row)
Min Widget Height1Minimum height units
Default Widget Width4Default width (3 per row)
Default Widget Height8Default height units
Widgets Per Row3Standard widgets per row

3.10 Dashboard Features

  • Edit Mode Toggle: Switch between view and edit modes
  • Drag & Resize: Reposition and resize widgets in edit mode
  • Full Screen Mode: Expand dashboard to full screen
  • Export to PDF: Download dashboard as PDF document

Section 4: View Permissions

4.1 Visibility Options

Each view can have one of three visibility settings:

VisibilityValueDescription
PersonalpersonalRestricts access to the owner only
PublicpublicTurn on read-only access to this base
CollaboratorcollaboratorGrants access to specific collaborators only

Default Visibility: personal

4.2 Managing View Permissions

Navigation: Views Header -> View Actions Menu -> Manage Permissions

Permission Dialog Configuration

The permission dialog allows you to:

  1. Set the view visibility level
  2. Add specific collaborators (for Collaborator visibility)
  3. Configure read/write access per collaborator

4.3 View Actions Menu

Available actions vary by view type. Right-click on a view tab or click the three-dot menu to access these options.

Grid View Actions:

ActionDescription
PinPin view to top of list
EditModify view name and settings
RenameRename the view
DuplicateCreate a copy of the view
ShareShare the view with others
ConfigureConfigure columns, filters, and display
View Parent EntityNavigate to the source entity
View DetailsView detailed view information
DeleteRemove the view

Kanban View Actions:

ActionDescription
PinPin view to top of list
EditModify view name and settings
RenameRename the view
DuplicateCreate a copy of the view
ShareShare the view with others
ConfigureOpen Kanban configuration
View Parent EntityNavigate to the source entity
View DetailsView detailed view information
DeleteRemove the view

Dashboard View Actions:

ActionDescription
PinPin view to top of list
EditModify dashboard settings
RenameRename the dashboard
DuplicateCreate a copy of the dashboard
ShareShare the dashboard with others
View DetailsView detailed dashboard information
DeleteRemove the dashboard

Form View Actions:

ActionDescription
PinPin view to top of list
EditModify form settings
RenameRename the form
DuplicateCreate a copy of the form
ShareShare the form (including public links)
View Parent EntityNavigate to the source entity
View DetailsView detailed form information
DeleteRemove the form

Section 5: Form View Configuration

5.1 Creating a Form View

Form views are used for data entry and can be shared publicly for external submissions.

Navigation:

  • Sidebar -> Click + icon -> Form, or
  • Menu Item -> View Tabs -> + Add View -> Form

5.2 Form View Settings

SettingDescriptionRequired
Form NameDisplay name for the formYes
DescriptionOptional descriptionNo

5.3 Form View Features

  • Public Sharing: Generate shareable links for external access
  • Field Configuration: Control which fields appear on the form
  • Validation Rules: Configure field-level validation
  • Conditional Logic: Show/hide fields based on conditions

Troubleshooting

Common Issues

Cannot Create Kanban View

Check:

  1. Ensure you have created at least one Dropdown or Radio field on the entity
  2. Verify you have CREATE permission for ENTITY_VIEW
  3. Confirm the entity is selected before clicking Add View

Dashboard Widgets Not Loading

Check:

  1. Verify the source entity has records
  2. Check that the selected field exists and has data
  3. Ensure the aggregation type is compatible with the field type

View Permission Changes Not Taking Effect

Check:

  1. User must log out and log back in for permission changes to apply
  2. Verify the user's role has the appropriate base permissions
  3. Check that the view's visibility setting matches the intended access level

Grid View Filters Not Working

Check:

  1. Ensure the field type matches the filter operator being used
  2. Verify the filter value format (dates must be in correct format)
  3. Check that the field is not empty for "is not empty" filters

Related Documentation


Code Reference

Source Files

FileLocationPurpose
Sidebar Plus Buttonentity-manager-app/src/components/SidebarMenuPlusButton/const.tsView type options (Grid, Dashboard, Kanban, Form, Folder)
View Typesentity-manager-app/src/components/CreateViewDialog/consts.tsView type definitions
View Configentity-manager-app/src/components/MainLayout/consts.tsView configuration options
View Actionsentity-manager-app/src/components/MainLayout/ViewsHeader/RenderViewsList/const.tsView action menu labels
Grid View Dialogentity-manager-app/src/components/MainLayout/ViewsHeader/CreateView/CreateEditGridView/Grid view creation
Kanban Constantsentity-manager-app/src/pages/KanbanView/consts.tsKanban layout constants
Kanban Headerentity-manager-app/src/pages/KanbanView/KanbanHeader/consts.tsKanban header labels and options
Kanban Customizeentity-manager-app/src/pages/KanbanView/KanbanHeader/CustomizedField/Card customization component
Kanban Stacked Byentity-manager-app/src/pages/KanbanView/KanbanHeader/StackedBy/Grouping field selector
Kanban Hide Columnentity-manager-app/src/pages/KanbanView/KanbanHeader/HideColumn/Column visibility toggle
Dashboard Constantsentity-manager-app/src/pages/Dashboard/const.tsChart types and configurations
Permission Dialogentity-manager-app/src/components/MainLayout/ViewsHeader/RenderViewsList/ManagePermissionDialog/const.tsVisibility options
Filter Operatorsentity-manager-app/src/pages/KanbanView/KanbanHeader/KanbanFilters/Filters/AdvancedFilter/OperatorTypes.tsFilter operator definitions

This guide is aligned with the entity-manager-app codebase as of December 2025.