User Tools

Site Tools


mycnc:mycnc_screen_configuration

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
Next revisionBoth sides next revision
mycnc:mycnc_screen_configuration [2020/05/08 13:41] ivanmycnc:mycnc_screen_configuration [2020/11/17 14:06] ivan
Line 1: Line 1:
 ===== Screen Editing and Configuration ====== ===== Screen Editing and Configuration ======
 +
 +//The default preset GUI for myCNC profiles is described in the following manual: [[mycnc:mycnc_screen|MyCNC Profile Screen Description]]//
  
 In this manual, we will be going through all the different elements that can be used to display (and interact with) the necessary information on the myCNC screen. Sample examples for the step-by-step screen configuration of myCNC software are available [[mycnc:mycnc_screen_configuration:screen_configuration_examples|here]].  In this manual, we will be going through all the different elements that can be used to display (and interact with) the necessary information on the myCNC screen. Sample examples for the step-by-step screen configuration of myCNC software are available [[mycnc:mycnc_screen_configuration:screen_configuration_examples|here]]. 
  
-Video tutorial:+Video tutorial for screen editing:
  
 {{youtube>Nnz82oJOLA4?large}} {{youtube>Nnz82oJOLA4?large}}
Line 477: Line 479:
  image="button-refresh" action="file-refresh" type="button" />  image="button-refresh" action="file-refresh" type="button" />
 </code> </code>
 +
 +A text element can serve as a button as well as an icon, with the following code being an example of such a layout:
 +
 +<code XML><gitem where="ns" title="LOAD" fontFamily="Open Sans" fontSize="18" fontStyle="normal" 
 + image-normal="ns3/button-133x40" image-hovered="ns3/button-133x40" action="open" type="button" 
 + position="4;340" 
 + width="133" height="40" /></code>
 +
 +The button in the case of the example above will look the following way:
 +
 +{{:mycnc:screen-config-035-text-button.png}}
 +
 +In here, the overlay element is the ''title'' line, which will display some text on the user's screen, while the underlying layer is composed of an image (using ''image-normal'' and ''image-hovered''). If so desired, a button with no image layer can be created by simply using the ''title'' element alone. 
  
  
Line 485: Line 500:
   * **height** - button height in pixels   * **height** - button height in pixels
   * **type** - type definition of the item (should be type="button")   * **type** - type definition of the item (should be type="button")
 +  * **title** - text element overlay on the button
   * **image** - a image (icon) file for the button in the SVG format    * **image** - a image (icon) file for the button in the SVG format 
   * **action** - action for the button (which procedure will be executed if the button is pressed)   * **action** - action for the button (which procedure will be executed if the button is pressed)
Line 1041: Line 1057:
  
 ++++ ++++
 +
 +====Fonts====
 +
 +For the default profiles to align the text properly, Google's Open Sans is recommended to be installed on your workstation. This font comes pre-installed on our Ubuntu MATE builds, but may need to be installed separately on Windows machines.
  
 ==== MyCNC screen configuration examples ==== ==== MyCNC screen configuration examples ====
 The examples for the screen configuration can be found here: [[mycnc:mycnc_screen_configuration:screen_configuration_examples|Screen configuration examples]] The examples for the screen configuration can be found here: [[mycnc:mycnc_screen_configuration:screen_configuration_examples|Screen configuration examples]]
  
mycnc/mycnc_screen_configuration.txt · Last modified: 2023/07/25 11:26 by ivan

Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki