...
Table of Contents |
---|
minLevel | 1 |
---|
maxLevel | 6 |
---|
outline | false |
---|
type | list |
---|
printable | false |
---|
|
Setup
Installation
CIMON Canvas is software that allows users to create projects that can be downloaded to CIMON's HMI, the Xpanel. Users can download any software version from the CIMON website (http://www.cimon.com).
Panel |
---|
panelIconId | atlassian-warning |
---|
panelIcon | :warning: |
---|
bgColor | #FFF0B3 |
---|
|
A project created in a higher version of Canvas cannot be executed in a lower version. |
To use the project correctly, please check if a model is compatible with the software version.
Canvas Supported Devices: CM-nXT and CM-eXT.
Canvas Unsupported Devices: CM-XT, CM-iXT, and CM-sHP.
To download CIMON Canvas, go to the CIMON website (http://www.cimon.com) and register for an account if one has not already been created. Make sure to log in before proceeding.
Image Removed In the menu at the top-left, hover over Support and click Download Software.
Image Removed Or navigate to the bottom of the main page and click Download Now.
Image Removed Navigate to CANVAS HMI Software and click DOWNLOAD FOR WINDOWS*.
Image Removed Select the most recent software version and click Download on the correct Windows Installer.
Image Removed Run the downloaded MSI installer by double-clicking or right-clicking it and clicking Install.
Image Removed Click Next to continue with the CIMON Canvas Setup Wizard installation process.
Image Removed Read the End-User License Agreement. The agreement must be accepted to continue the installation. Click the I accept the terms in the License Agreement checkbox > Next.
Image Removed Specify the location of CIMON Canvas and click Next. If the path is unchanged, the software will be installed to C:\Program Files\CIMON\ by default. However, the default pathway may differ depending on the version of CIMON Canvas.
Info |
---|
Currently, versions 1.0.0 and above are installed to C:\Program Files\CIMON\ by default; however, this is subject to change in the future. |
Image Removed The Canvas Setup Wizard will ask which parts of the installer to include. By default, all options will be selected for the optimal experience. Click Next after selections to continue the installation process.
Image Removed Now, the CIMON Canvas Setup Wizard is ready to install CIMON Canvas. Click Install to begin the installation.
Image Removed Click Finish to complete the CIMON Canvas installation.
Image Removed Launch Canvas.exe to check if the installation was successful. Canvas should launch and show the Startup Screen. Users can select a project to continue editing if there are any saved projects from previous installations.
Image Removed Type "Add or remove programs" into the Windows Search bar and press enter.
Image Removed Type "CANVAS" into the search bar, left-click Canvas, click Uninstall twice, and then follow the uninstalling procedure.
Image Removed Wait until the program is uninstalled. This process may take some time, depending on the system environment. When completed, check for CIMON Canvas to see if it was successfully removed.
Image Removed CIMON Canvas can be launched manually by double-clicking the application icon or automatically configuring the application to run on Windows startup.
Go to the CIMON Canvas installation path. The default path is C:\Program Files\CIMON\Designer\. This path may differ based on the user's system environment. Select and right-click the Canvas.exe application > click Send to > Desktop (create shortcut). The shortcut icon for CIMON Canvas will then appear on the desktop.
Double-click the Canvas icon on the desktop to check if CIMON Canvas opens appropriately and shows the Startup Screen. Users can select a project to continue editing if there are any saved projects from previous editing sessions.
Image Removed Autorun - Windows 7 and Above Method #1
Create a desktop shortcut. Then, either search "Run" in the Windows Search bar or press the [Windows] + [R] keys to open the Run window. Enter “shell:startup” in the search field and click OK. The same location can be accessed by typing “Startup” into the address bar of a File Explorer window.
Image Removed
Image Removed These options will open the Startup folder. Insert the shortcut icon for CIMON Canvas into the Startup folder.
Image Removed
Image Removed Autorun - Windows 7 and Above Method #2
Either open the Control Panel > click System and Security > Administrative Tools > double-click Task Scheduler.
Image Removed Or search “Task Scheduler” in the Windows Search bar and click Task Scheduler.
Image Removed Click Create Basic Task… on the upper right side of the Task Scheduler window to open the Create Basic Task Wizard window.
Image Removed On the Create Basic Task Wizard window in the Create a Basic Task section, type “Canvas” in the name field > click Next.
Image Removed On the Trigger section, click When I log on > Next.
Image Removed On the Action section, click Start a program > Next.
Image Removed On the Start a Program section, click Browse… > select the location of the “CIMON Canvas.exe”> click Next.
Image Removed On the Finish section, click Finish.
Image Removed There are four methods to terminate the CIMON Canvas program:
...
Click X at the top-right corner.
...
Click File > Exit.
...
Right-click CIMON Canvas on the taskbar > click Close window.
If changes to the currently opened project are not saved, the dialog box displayed to the right will appear:
Image Removed Project Basics
Startup Screen
The image on the right shows Canvas' Startup Screen, where users can create or open projects, view the offline and online help files, and view the current Canvas versions. Users can select a project to continue editing if there are any saved projects from previous editing sessions.
Image Removed To create a project, click File > New > Project, press the hotkey [Ctrl] + [Shift] + [N], or click Create New Project on the Startup Screen. This will bring up the New Project pop-up window at the far right, where users can set the desired project properties. The window automatically populates with the defaults of “Sample Project Name” for the Project Name field, the most recent location a project was created at for the Save Location field, and 800x480 for the Screen Size field.
In this window, users can choose between Landscape and Portrait modes and set a password to open the project.
Image Removed
Image Removed To open a project, click File > Open…, press the hotkey [Ctrl] + [O], click the Open Project… (Ctrl O) icon on the toolbar, or click Open Project Files on the Startup Screen. Only project files with the “.cnvs” formats can be opened.
When the user selects a project file and clicks Open, the last-edited version of that project will be launched. If a project is currently opened, the project will automatically close.
Info |
---|
Projects created using the newer versions of CIMON Canvas cannot be executed using an older version. |
Image Removed
Image Removed To close a project, click File > Close > Project, press the hotkey [Ctrl] + [Shift] + [W], or terminate Canvas. If changes to the currently opened project are not saved, the dialog box displayed to the far right will appear:
The project closing time will vary depending on the system environment and the project size. If Canvas is not terminated when closing a project, it will return to the Startup Screen.
Image Removed
Image Removed To save a project's current status, click File > Save, press the hotkey [Ctrl] + [S], or click the Save (Ctrl S) icon on the toolbar. The project saving time will vary depending on the system environment and the project size.
Image Removed To copy a project, open the project and click File > Save As, press the hotkey [Ctrl] + [Shift] + [S], or click the Save As… (Ctrl Shift S) icon on the toolbar. This will open a pop-up window where the user can define a name for the copy of the project file and select a location to save the file. After designating a name and location, the original project will maintain its name and file location, and a new file will be created.
Info |
---|
The file can only be saved in “.cnvs” format, and the name cannot be duplicated with other project folders in the same path. |
Panel |
---|
panelIconId | atlassian-warning |
---|
panelIcon | :warning: |
---|
bgColor | #FFF0B3 |
---|
|
|
Image Removed
Image Removed If a project has been recently edited, it can be found on the Startup Page under Recent Projects or by going to File > Open Recent and opening it by left-clicking. Up to the last 16 edited projects will be shown at both locations. If a project was built in a higher version, it cannot be opened. Additionally, if a project's path has been changed, the project's new location will not appear in the recent project sections.
Image Removed The Project Properties window has most of the customizable options for a user's project. The image to the right displays all of the fields and checkboxes available in the Project Properties window:
Users can change the project password, customize pages, change runtime options, change identity and access management options, change audit log options, and set up email settings, including SMTP Properties.
Image Removed The Convert Project Size window allows users to change a project's set size to another size. Users can select width and height, resize objects when converting, and create a backup project.
Image Removed The Designer Settings window allows users to change the default save location until it is updated by the most recent save, language, theme, and system.execute options in the Simulator.
Image Removed Provides ways to modify all of the user's objects.
To ensure the property windows are enabled, click View > Properties > Basic Properties, Appearance, Transform, or Actions and check the boxes.
Some fields can be bound to a tag. When hovering over a field, tag-binding may be used if a chain-link icon appears on the right side.
The Basic Properties window allows users to change the displayed content and formatting within the object. For all objects, the object's name will show up in place of Basic Properties. An example of the Basic Properties window for a text box is shown to the right:
Each object's Basic Properties window is different, but users will find fields to name objects, change the contents they display or store, date and time formatting, etc.
Image Removed The Appearance pane enables the use of colors and selections to alter visible characteristics. An example of the Appearance pane for a text box is shown to the right:
Each object's Appearance pane differs, but users will find fields to control visibility, opacity, blinking, colors, font, and configuration.
Image Removed The Transform tab provides adjustable properties that reshape or move the object. An example of the Transform tab for a text box is shown to the right:
Each object's Transform tab is the same. Users will find fields that control x and y coordinates, z-indexes for layering, width, height, and rotation centers.
Image Removed The Actions section allows users to add commands or scripts to an object activated on press, release, double-click, or enter. An example of the Actions section for a text box is shown to the right:
Some objects do not have applicable actions, but if an object does, the Actions section will be the same, except for the Text Field and Numeric Field. With commands or scripts set to touch, users can remove touch functionality from an object or set security organization through permissions.
Image Removed Each pane can be relocated by clicking and dragging the pane's name to a desired location. There are preset blue rectangles that, when dropping a pane into one, will resize the existing content to fit the desired placement. Dragging a pane into a blue rectangle location with an unchanged column is shown in the first image on the right:
The second image on the right displays the column after the placement:
Image Removed
Image Removed Click View > Project Tree and check the checkbox to enable the Project Tree. The Project Tree is a window that exhibits every page and the objects on each page. Users can easily traverse a project by clicking on any object on a page to navigate to it. An example of a Project Tree window is shown to the right:
Image Removed Click View > Status Bar and check the checkbox to enable the Status Bar. The Status Bar populates on the bottom of a project and shows the current cursor location, magnification level, and whether a selected device is connected. The magnification level can be changed by clicking the percentage drop-down and selecting an option between 25%, 50%, 75%, 100%, 150%, 200%, or 400%. An example of a Status Bar is shown to the right:
Image Removed Click View > Graphic Library and check the box to enable the Graphic Library pane. In the Graphic Library pane, users can choose from a preset database of static or animated images.
Some static images can change the Transparent Color field that assigns a color to be treated as transparent.
All animated images have the Enabled field, which controls whether the image will be animated. Enabled can have a tag bound so that it can be changed in runtime. They also possess the Speed and Loop Count fields, where speed controls how fast the animated images loop, and loop count controls how many loops of images the animation goes through, infinitely at 0.
Image Removed Click View > Tag View and check the box to enable the Tag View pane. In the Tag View pane, users can change the Tag Overlay options from the View menu, font size, font color, and backgrounds. The Tag View pane displays all bound tag paths, the item names the tags are bound to, the type of property and I/O device, and I/O address if assigned. This information will be displayed on objects corresponding to the chosen overlay options.
The image to the bottom-right shows an example of the Tag View display when using the settings from the image at the top-right:
Image Removed
Image Removed
Image Removed Click View > Action View and check the box to enable the Action View pane. The Action View pane displays all instances of bound actions, the name of a script if executing a script, the type of object the actions are bound to, the item names they are bound to, and the method of execution.
Image Removed