Versions Compared

Old Version 10

changes.mady.by.user admin

Saved on

compared with

New Version Current

changes.mady.by.user admin

Saved on

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Create and run your first working solution in just minutes.

Start → Install | First Solution | What's Next by Role | Getting Help

in Your

First Solution (5 min)

create in

creates a working solution with:

  • Real-time data tags
  • Interactive display with controls
  • Live value updates
  • Running application

Prerequisites:

In this page:

Table of Contents
maxLevel2
minLevel2
indent10px
excludeSteps
stylenone

→ Tutorial | The Four Pillars (Concept) | Solution Lifecycle (How-to Guide)

Prerequisites


RequirementDetails
FrameworX installedSee [Install and Activate]
Windows 10 or newerDesigner runs on Windows
No license requiredDevelopment is free
Time required5 minutes
Step 1:

Create Your Solution (1 minute)

Launch Solution Center

  1. Start FrameworX
    • Windows: Start Menu → FrameworX → Solution Center
    • Or use desktop shortcut

Create New Solution

  1. Click New Solution button
  2. Configure:
    • Name: MyFirstSolution
    • Product Family: FrameworX
    • Location: Keep default or browse
  3. Click Create

? (tick) Checkpoint: Solution created and appears in the solution list

Step 2:

Add Your First Tags (1 minute)

Open Designer

  1. Select your solution
  2. Click Edit - Designer opens

Create Tags

  1. Navigate to Unified Namespace → Tags
  2. Add Temperature tag:
    • Name: Temperature
    • Type: Double
    • Initial Value: 75.5
    • Description: Room Temperature
  3. Add SetPoint tag:
    • Name: SetPoint
    • Type: Double
    • Initial Value: 72.0
  4. Add SystemEnabled tag:
    • Name: SystemEnabled
    • Type: Digital
    • Initial Value: 1

? (tick) Checkpoint: Three tags visible in the tag grid

Step 3:

Design Your Display (2 minutes)

Create Display

  1. Navigate to Displays → Draw → List
  2. Double-click MainPage to open editor

Build Interface

  1. Add title:
    • Drag TextBlock from toolbox
    • Enter: "My First FrameworX Solution"
    • Set font size: 24
  2. Add Temperature display:
    • From Assets tree, drag Temperature tag to canvas
    • TextBox appears showing value
  3. Add SetPoint control:
    • Drag SetPoint tag to display
    • Right-click → Dynamics → use Slider
    • Set range: Min=50, Max=100
  4. Add Enable switch:
    • Drag SystemEnabled tag to display
    • Right-click → Dynamics → use CheckBox
    • Set label: "System Enabled"
  5. Save display (Ctrl+S)

? (tick) Checkpoint: Display shows title, temperature value, setpoint slider, and enable checkbox

Step 4:

Run Your Solution (1 minute)

Start Runtime

  1. Click Run button in Designer toolbar
    • Or press F5
  2. Runtime starts and display opens

Test Your Solution

  • Move SetPoint slider - value updates
  • Toggle System Enabled checkbox
  • Observe Temperature value

Make It Dynamic (Optional)

  1. Return to Designer
  2. Select Temperature tag
  3. Add expression in Value column:
   @Tag.SetPoint + Rand(-5, 5)
  1. Restart Runtime - Temperature fluctuates around SetPoint

? (tick) Success! You've created your first FrameworX solution

Next Steps

TopicDescriptionLink
Understand the PlatformLearn architecture and concepts[Platform Overview]
Build Real SolutionsMaster the four-pillar methodology[The Four Pillars]
Connect to DevicesAdd real data sources[Connect to Devices]

Troubleshooting

IssueSolution
Can't create solutionRun Solution Center as Administrator
Designer won't openCheck Windows version (10 or newer required)
Runtime won't startCheck Windows Firewall settings
Display blankEnsure Runtime is running (green icon in system tray)
Tags not updatingVerify expression syntax

→ Getting Help

  • Built-in Help: Press F1 in Designer
  • [Community Forum]
    • [Support Portal]


    In this section...

    Page Tree
    root@parent