First Solution (5 min) creates a working solution with:
- Real-time data tags
- Interactive display with controls
- Live value updates
- Running application
Prerequisites:
- FrameworX Installed
- On first launch, you may see a prompt from the AI Designer Tutor — accept it to walk this exercise with a guided companion, or skip and return to it later.
Create Your Solution (1 minute)
Launch Solution Center
- Start FrameworX
- Windows: Start Menu → FrameworX → Solution Center
- Or use desktop shortcut
Create New Solution
- Click New Solution button
- Configure:
- Name:
MyFirstSolution - Product Family:
FrameworX - Location: Keep default or browse
- Name:
- Click Create
Checkpoint: Solution created and appears in the solution list
Add Your First Tags (1 minute)
Open Designer
- Select your solution
- Click Edit - Designer opens
Create Tags
- Navigate to Unified Namespace → Tags
- Add Temperature tag:
- Name:
Temperature - Type:
Double - Initial Value:
75.5 - Description:
Room Temperature
- Name:
- Add SetPoint tag:
- Name:
SetPoint - Type:
Double - Initial Value:
72.0
- Name:
- Add SystemEnabled tag:
- Name:
SystemEnabled - Type:
Digital - Initial Value:
1
- Name:
Checkpoint: Three tags visible in the tag grid
Design Your Display (2 minutes)
Create Display
- Navigate to Displays → Draw → List
- Double-click MainPage to open editor
Build Interface
- Add title:
- Drag TextBlock from toolbox
- Enter: "My First FrameworX Solution"
- Set font size: 24
- Add Temperature display:
- From Assets tree, drag
Temperaturetag to canvas - TextBox appears showing value
- From Assets tree, drag
- Add SetPoint control:
- Drag
SetPointtag to display - Right-click → Dynamics → use Slider
- Set range: Min=50, Max=100
- Drag
- Add Enable switch:
- Drag
SystemEnabledtag to display - Right-click → Dynamics → use CheckBox
- Set label: "System Enabled"
- Drag
- Save display
Checkpoint: Display shows title, temperature value, setpoint slider, and enable checkbox
Run Your Solution (1 minute)
Start Runtime
- Click Run Startup in Runtime / Startup button in Designer toolbar
- Runtime starts and display opens
Test Your Solution
- Move SetPoint slider - value updates
- Toggle System Enabled checkbox
- Observe Temperature value
Make It Dynamic (Optional)
- Return to Designer
- Select Temperature tag
- Add expression in Value column:
@Tag.SetPoint + Random.Shared.Next(-5, 5)- Restart Runtime - Temperature fluctuates around SetPoint
Success! You've created your first FrameworX solution
Next Steps
Topic | Description | Link |
|---|---|---|
Understand the Platform | Learn architecture and concepts | |
Build Real Solutions | Master the four-pillar methodology | |
Connect to Devices | Add real data sources | |
Explore Local AI | Run an ISA-88 plant model with an interactive Knowledge Graph and a local LLM chat panel. |
Troubleshooting
Issue | Solution |
|---|---|
Can't create solution | Run Solution Center as Administrator |
Designer won't open | Check Windows version (10 or newer required) |
Runtime won't start | Check Windows Firewall settings |
Display blank | Ensure Runtime is running (green icon in system tray) |
Tags not updating | Verify expression syntax |
→ Getting Help
In this section...