Dashboard Content Settings
Manage HMI pages and dashboard content for presentations.
Overview
Dashboard Content Settings provides a central location to manage all HMI pages and content that can be used in public presentations and dashboards.
Navigation: Settings → Dashboard Settings → Content Settings
Or directly: /Settings/DashboardSettings#!/content-settings-list
Content List
The main view displays all content pages:
| Column | Description |
|---|---|
| Name | Content name |
| Description | Brief description |
| Enable | Active status |
| Order | Display priority |
| Type | Content type (Drw = HMI) |
| Actions | Preview, Edit, Delete, Duplicate |
Creating Content
Add HMI Page
- Click the Add (+) button
- Fill in the form:
| Field | Required | Description |
|---|---|---|
| Name | Yes | Display name |
| Description | No | Brief description |
| Enable | Yes | Active status |
| Order | No | Sort priority |
| Content Type | Yes | Select "HMI Page" |
| HMI Project Name | Yes | xDraw project folder |
| HMI Page Name | Yes | .drwx filename (no extension) |
| Template Name | Yes | Must be hmi |
- Configure xView connection:
| Field | Description | Example |
|---|---|---|
| Remote Host | xView server IP | 127.0.0.1 |
| Remote Port | xView server port | 1001 |
| Data Source Type | Connection method | Socket (0) |
- Click Save
Content Configuration
Basic Information
| Field | Description |
|---|---|
| Name | Identifies the content in lists |
| Description | Shows in tooltips and details |
| Enable | Only enabled content appears in presentations |
| Order | Lower numbers sort first |
HMI Settings
| Field | Description | Example |
|---|---|---|
| HMI Project Name | Folder in TSWebAssets/resources/hmi/ | BEM-Solar |
| HMI Page Name | Filename without .drwx extension | bem-monitor |
| Template Name | Route template | hmi |
xView Connection
| Field | Description | Default |
|---|---|---|
| Remote Host | xView server IP address | From system settings |
| Remote Port | xView TCP port | 1001 |
| Data Source Type | 0 = Socket, 5 = Simulator | 0 |
Remote Host and Remote Port must be set for real-time data to work in public presentations.
Content Types
HMI Page (ContentType = 2)
Displays .drwx files created in xDraw.
File Location:
TSWebAssets/resources/hmi/{ProjectName}/{PageName}.drwx
Example:
- Project:
BEM-Solar - Page:
bem-monitor - Path:
TSWebAssets/resources/hmi/BEM-Solar/bem-monitor.drwx
Dashboard (ContentType = 1)
Widget-based layouts (not covered here).
URL (ContentType = 3)
External webpage embed (not covered here).
File Management
.drwx File Structure
HMI pages are stored as .drwx files (XML format):
TSWebAssets/
└── resources/
└── hmi/
└── {ProjectName}/
├── page1.drwx
├── page2.drwx
└── assets/
└── images/
Creating New Projects
- Create folder in
TSWebAssets/resources/hmi/ - Add .drwx files from xDraw
- Create content records pointing to the files
Verifying Files
Check that files exist:
ls TSWebAssets/resources/hmi/{ProjectName}/
Editing Content
Edit Basic Settings
- Click the Edit (pencil) icon
- Modify fields as needed
- Click Save
Change xView Connection
- Edit the content
- Update Remote Host and/or Remote Port
- Save and test the preview
Update HMI Page
- Replace the .drwx file in the resources folder
- No database change needed if filename stays the same
- Refresh browser to see changes
Deleting Content
- Click the Delete (trash) icon
- Confirm deletion
Deleting content removes it from all presentations that reference it.
Bulk Operations
Update xView Settings for All
UPDATE dashboardcontent
SET RemoteHost = '192.168.1.100', RemotePort = 1001
WHERE ContentType = 2 AND RemoteHost IS NULL;
Enable All Content
UPDATE dashboardcontent SET Enable = 1 WHERE Enable = 0;
Best Practices
Naming Convention
Use consistent naming:
- Project Name:
Company-Location(e.g.,BEM-Solar) - Page Name:
purpose-detail(e.g.,bem-monitor,bem-video) - Content Name: Human readable (e.g., "BEM Solar Monitor")
Organization
- Group related pages in same project folder
- Use meaningful descriptions
- Set order values for logical sorting
Testing
- Always preview content after creation
- Test xView connection before using in presentations
- Verify video and banner codes are correct
Troubleshooting
Content Not Appearing
- Check Enable is set to 1
- Verify TemplateName is
hmi - Ensure .drwx file exists at expected path
Real-time Data Not Working
- Set Remote Host and Remote Port
- Verify xView server is running
- Check server logs for connection errors
Video/Banner Not Loading
- Confirm VideoSourceCode/BannerContentCode in .drwx
- Check corresponding records exist in videosource/bannercontent tables
- Test video/banner settings independently
Database Reference
Table: dashboardcontent
CREATE TABLE dashboardcontent (
ID INT AUTO_INCREMENT PRIMARY KEY,
Name VARCHAR(255),
Description VARCHAR(255),
Enable BIT(1) DEFAULT 1,
Ord INT DEFAULT 0,
ContentType INT, -- 2 = HMI Page
Code INT,
HMIProjectName VARCHAR(100),
HMIPageName VARCHAR(100),
TemplateURL VARCHAR(255),
TemplateName VARCHAR(100), -- Must be 'hmi'
RemoteHost VARCHAR(100), -- xView IP
RemotePort INT, -- xView Port
HMIDataSourceType INT -- 0 = Socket
);
Related
- Public Presentation Feature - How presentations work
- Public Presentation Settings - Create presentations
- Video Settings - Configure video sources
- Banner Settings - Configure banner content
- HMI Overview - HMI fundamentals