How to View Dashboard Source
Access the YAML source code of existing dashboards to learn from examples and modify them.
Prerequisites
- Profinity V2 installed and running
- Access to a dashboard (component or profile dashboard)
- User privileges to view dashboard source
Steps
Step 1: Access Dashboard Source for Component Dashboards
- Navigate to the component in the sidebar
- Click the Edit icon (pencil) in the toolbar
- Dashboard editor opens showing the YAML source
- View the complete dashboard configuration
Step 2: Access Profile Dashboard Source
- Navigate to ADMIN → Profiles
- Select your profile
- Open profile settings
- Find the uploaded dashboard file
- Download or view the dashboard YAML
Step 3: Copy Dashboard Source
- In the dashboard editor, select all YAML code
- Copy the code (Ctrl+C / Cmd+C)
- Paste into a text editor to save
- Or paste into a new dashboard to modify
Step 4: Use Dashboard Source as Template
- Copy the YAML source
- Create a new dashboard (component or profile)
- Paste the source into the new dashboard
- Modify to suit your needs
- Save as your new dashboard
Step 5: Learn from Dashboard Structure
Review the source to understand: - How components are organized - How data bindings are configured - How layout elements are nested - How styling is applied
Tips
- Study Examples: Review example dashboards to learn patterns
- Start Simple: Copy simple dashboards first, then add complexity
- Modify Incrementally: Make small changes and test
- Keep Backups: Save copies of working dashboards
Related Documentation
- Dashboard Development Guide - Complete dashboard guide
- Examples - Dashboard examples
- Component Reference - Component documentation