What You'll Build
In just 5 minutes, create a working solution with:
- Real-time data tags
- Interactive display with controls
- Live value updates
- Running application
Prerequisites
Before starting, ensure you have:
- FrameworX 10.1 installed - Installation Guide
- Valid license - Trial, Development, or Combined
- Administrator access - For first-time setup
- 5 minutes - That's really all you need!
Step 1: Create Your Solution (1 minute)
Launch Solution Center
- Start FrameworX
- Windows: Start Menu → FrameworX 10.1 → Solution Center
- Or desktop shortcut if created during installation
- Create New Solution
- Click New Solution button
- Name:
MyFirstSolution
- Product Family: FrameworX Unlimited
- Location: Keep default or browse
- Click Create
? Checkpoint: Solution created and appears in the solution list
Step 2: Add Your First Tag (1 minute)
Open Designer
- With your solution selected, click Edit
- Designer opens with your solution loaded
Create a Tag
- Navigate to Tags
- In left tree: Unified Namespace → Tags
- Add New Tag
- Click in first empty row or press Insert
- Configure:
- Name:
Temperature
- Type:
Float
- Initial Value:
75.5
- Description:
Room Temperature
- Press Enter to confirm
- Add Control Tags
- Add another tag:
- Name:
SetPoint
- Type:
Float
- Initial Value:
72.0
- Add boolean tag:
- Name:
SystemEnabled
- Type:
Boolean
- Initial Value:
True
? Checkpoint: Three tags visible in the tag grid
Step 3: Design Your Display (2 minutes)
Create Display
- Navigate to Displays
- In left tree: Displays → MainPage
- Click Edit icon or double-click
- Add Title
- From toolbox, drag Text to canvas
- Double-click and type: "My First FrameworX Solution"
- Set font size: 24
- Position at top of display
- Add Temperature Display
- From right panel, expand Tags tree
- Find
Temperature
tag - Drag and drop onto display
- Default TextBox appears showing value
- Add SetPoint Control
- Drag
SetPoint
tag to display - Right-click the TextBox → Replace With → Slider
- Set slider range: Min=50, Max=100
- Add Enable Switch
- Drag
SystemEnabled
tag to display - Right-click → Replace With → CheckBox
- Set label: "System Enabled"
- Arrange Layout
- Position elements nicely
- Use alignment tools if needed
- Save display (Ctrl+S)
? Checkpoint: Display shows title, temperature value, setpoint slider, and enable checkbox
Step 4: Run Your Solution (1 minute)
Start Runtime
- Return to Solution Center
- Close Designer (changes auto-save)
- Start Runtime
- Select your solution
- Click Run button
- Runtime starts and display opens automatically
- Test Your Solution
- Move the SetPoint slider - value changes
- Toggle System Enabled checkbox
- Watch Temperature value (static for now)
- Make It Dynamic (Optional - 30 seconds)
? Success! You've created your first FrameworX solution!
Next Steps
After Quick Start
Expand Your Knowledge
- Platform Architecture - Understand the complete system
- Building Solutions - Master the four-pillar methodology
- Solution Examples - Explore industry templates
Get Certified
Join the Community
Troubleshooting Quick Start
Common First-Time Issues
Problem | Solution |
---|
Can't create solution | Run Solution Center as Administrator |
Designer won't open | Check for development license |
Runtime won't start | Verify no port conflicts on 9000 |
Display blank | Check if Runtime is actually running |
Tags not updating | Verify Runtime started successfully |
Getting Help
- Built-in Help - Press F1 anywhere
- Documentation - You're already here!
- Community Forum - Ask questions
- Support - Open ticket