User Tools

Site Tools


mistudio:getting_started:add_graphics

Differences

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

Link to this comparison view

Both sides previous revisionPrevious revision
Next revision
Previous revision
mistudio:getting_started:add_graphics [2026/06/21 17:06] – [Graphics Palette] tputmanmistudio:getting_started:add_graphics [2026/09/18 15:49] (current) – tputman
Line 1: Line 1:
 ===== Adding Graphics to an Application ===== ===== Adding Graphics to an Application =====
  
-This page explains the basic process for adding graphics to a MIStudio application.+This page explains the basic process for adding graphics to an MIStudio application.
  
 ==== Overview ==== ==== Overview ====
  
-Graphics are the visual components used to build a MIStudio application screen. They can display information, show live values, create controls, organize a dashboard, or build an operator interface.+Graphics are the visual components used to build an MIStudio application screen. They can display information, show live values, create controls, organize a dashboard, or build an operator interface.
  
 Examples of graphics include labels, boxes, buttons, meters, indicators, charts, and other display components. Examples of graphics include labels, boxes, buttons, meters, indicators, charts, and other display components.
Line 18: Line 18:
  
   * Open the application where the graphic should be added.   * Open the application where the graphic should be added.
-  * Locate the graphics palette or graphics selection area.+  * Locate the MIStudio Design Editor palette.
   * Choose the graphics group that contains the graphic you want to add.   * Choose the graphics group that contains the graphic you want to add.
   * Select the graphic.   * Select the graphic.
-  * Drag the graphic on the design editor.+  * Drag the graphic onto the Design Editor.
   * Move or resize the graphic as needed.   * Move or resize the graphic as needed.
  
Line 29: Line 29:
 //MIStudio Design Editor showing the graphics palette groups used to select graphics for an application.// //MIStudio Design Editor showing the graphics palette groups used to select graphics for an application.//
  
-MIStudio graphics are organized into groups in the graphics palette.+MIStudio graphics are organized into groups in the Design Editor palette.
  
 For example, Basic Layout contains common graphics such as basic shapes, buttons, text fields, meters, indicators, sliders, and knobs. For example, Basic Layout contains common graphics such as basic shapes, buttons, text fields, meters, indicators, sliders, and knobs.
  
-See [[mistudio:graphics:basic_layout:start|Basic Layout Graphics]] for documentation about graphics in the Basic Layout group.+See [[mistudio:design_editor:basic_layout:start|Basic Layout]] for documentation about graphics in the Basic Layout group. 
 + 
 +For an overview of all documented graphics groups, see [[mistudio:design_editor:start|MIStudio Design Editor]].
  
 ==== Choosing a Graphic ==== ==== Choosing a Graphic ====
Line 42: Line 44:
  
   * Use labels or text fields to show text.   * Use labels or text fields to show text.
-  * Use boxes, circles, and shapes to organize the screen visually.+  * Use boxes, circles, and other shapes to organize the screen visually.
   * Use meters or indicators to show changing values or status.   * Use meters or indicators to show changing values or status.
   * Use buttons or controls when the user needs to interact with the application.   * Use buttons or controls when the user needs to interact with the application.
Line 67: Line 69:
   * [[mistudio:getting_started:edit_graphic_properties|Editing Graphic Properties]]   * [[mistudio:getting_started:edit_graphic_properties|Editing Graphic Properties]]
   * [[mistudio:getting_started:connect_data_source_to_graphic|Connecting a Data Source to a Graphic]]   * [[mistudio:getting_started:connect_data_source_to_graphic|Connecting a Data Source to a Graphic]]
-  * [[mistudio:graphics:start|MIStudio Graphics]] +  * [[mistudio:design_editor:start|MIStudio Design Editor]] 
-  * [[mistudio:graphics:basic_layout:start|Basic Layout Graphics]] +  * [[mistudio:design_editor:basic_layout:start|Basic Layout]]
mistudio/getting_started/add_graphics.1782075992.txt.gz · Last modified: by tputman

Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki