Differences

This shows you the differences between two versions of the page.

--- mistudio:getting_started:connect_data_source_to_graphic [2026/06/21 17:29] – tputman
+++ mistudio:getting_started:connect_data_source_to_graphic [2026/09/18 15:50] (current) – tputman
@@ Line 11: / Line 11: @@
 ==== Example Connection ====
-{{:mistudio:getting_started:pasted:IMAGE_NAME.png?650|Main Logic Editor showing a SineServer connected to a Box graphic}}
+{{:mistudio:getting_started:pasted:20260622-124203.png?650|Main Logic Editor showing a SineServer connected to a Box graphic}}
 //Main Logic Editor showing the Data Sources tab and a SineServer connected to the valueInput of a Box graphic.//
@@ Line 23: / Line 23: @@
 To open the graphic in the Logic Editor:
-* Select the graphic in the Design Editor.
+  * Select the graphic in the Design Editor.
-* Press **Ctrl + D** to open the Main Logic Editor.
+  * Press **Ctrl + D** to open the Main Logic Editor.
-* Click the Logic Editor canvas to place the selected graphic in the logic workspace.
+  * Click the Logic Editor canvas to place the selected graphic in the logic workspace.
-* Confirm that the graphic appears as a block in the Logic Editor.
+  * Confirm that the graphic appears as a block in the Logic Editor.
 ==== Adding a Data Source ====
@@ Line 34: / Line 34: @@
 To add a data source:
-* Select the **Data Sources** tab in the Logic Editor palette.
+  * Select the **Data Sources** tab in the Logic Editor palette.
-* Choose the data source you want to use.
+  * Choose the data source you want to use.
-* Click the Logic Editor canvas to place the data source.
+  * Click the Logic Editor canvas to place the data source.
-* Confirm that the data source appears as a block in the Logic Editor.
+  * Confirm that the data source appears as a block in the Logic Editor.
 ==== Creating the Connection ====
@@ Line 43: / Line 43: @@
 After the graphic and data source are both visible in the Logic Editor, create a connection between them.
-* Find the output port on the data source.
+  * Find the output port on the data source.
-* Find the input port on the graphic, such as **valueInput**.
+  * Find the input port on the graphic, such as **valueInput**.
-* Hold **Alt**.
+  * Hold **Alt**.
-* Drag from the data source output port to the graphic input port.
+  * Drag from the data source output port to the graphic input port.
-* Release the mouse when the connection reaches the correct input.
+  * Release the mouse when the connection reaches the correct input.
-* Confirm that a connection line appears between the data source and the graphic.
+  * Confirm that a connection line appears between the data source and the graphic.
 Once the connection is made, the graphic can update from the changing data source value.
@@ Line 59: / Line 59: @@
   * A graphic's main value input
-  * A display value input
+  * A displayed value input
   * A visibility property
   * A color property
@@ Line 84: / Line 84: @@
 Exposed properties are useful when a value should control a specific property, such as visibility, color, text, fill behavior, or another configurable setting.
-See [[mistudio:graphics:exposed_properties|Exposed Properties]] for more information.
+See [[mistudio:design_editor:exposed_properties|Exposed Properties]] for more information.
 ==== After Connecting a Data Source ====
@@ Line 96: / Line 96: @@
 Previous: [[mistudio:getting_started:edit_graphic_properties|Editing Graphic Properties]]
-Next: [[mistudio:getting_started:data_sources_overview|Data Sources Overview]]
+Next: [[mistudio:getting_started:start|Back to MIStudio Getting Started]]
 ==== Related Pages ====
@@ Line 105: / Line 105: @@
   * [[mistudio:getting_started:data_sources_overview|Data Sources Overview]]
   * [[mistudio:getting_started:test_data_sources|Using Test Data Sources]]
-  * [[mistudio:graphics:start|MIStudio Graphics]]
+  * [[mistudio:design_editor:start|MIStudio Design Editor]]
-  * [[mistudio:graphics:exposed_properties|Exposed Properties]]
+  * [[mistudio:design_editor:exposed_properties|Exposed Properties]]
+  * [[mistudio:design_editor:data_source_binding|Data Source Binding]]