The figure shows the startup page upon the execution of XpanelDesigner.
Projects can be created or opened by selecting [File] – [New Project] or [Open Project]. Additional menus become enabled to interact with the project once opened. The project workspace allows easy management and modifications of the projects. The status toolbar which is positioned at the bottom of the window shows additional information of a selected resource.
XpanelDesigner Startup Page Interface
The position of toolbars can be modified according to the users’ preference. The toolbars can be dragged to be docked on the selected locations or float at a desired region.
To increase the working space, the project workspace and toolboxes can be minimized.
Clicking the [Unpin]
button will minimize the side panel. Clicking the [Pinned] button will fix the panel to the screen.
The figure below shows various regions where the side panel can be docked.
By dragging the panel over a selected region, the corresponding region will be highlighted to indicate where the panel will be docked.
Xpanel Designer Menu
This section describes the initial state of the top menu and the additional menus according to the executed module. You can check the version information of modules only in the XpanelDesigner V2.40 and above.
※ Refer to each item’s manual for more information.
.PNG?version=10&modificationDate=1599233714889&cacheVersion=1&api=v2&width=310&height=77)
Name | Description |
File | Opens or closes files in XpanelDesigner. |
Edit | This menu is disabled in this state of XpanelDesigner. |
View | Toggles to hide or show a toolbar of XpanelDesigner. Various options include the standard tool, status tool, and project workspace. |
Tools | This menu is disabled in this state of XpanelDesigner. |
Help | Displays the information and help of XpanelDesigner. |
(1) Page Edit Menu
Once a project is opened in XpanelDesigner, additional menus will be added to the top menu and items will be added to the initial menus.
Name | Description |
File | [Close], [Close All Page], [Recent Page] are added. |
Edit | [Undo], [Redo], [Clone], [Select All], [Object Config], [Insert Graphic File], [Insert Animation Bitmap] are added. |
View | [Redraw], [Current Page Position To Runtime], [Tag Window], [Object Window], [Switch/Lamp Tool], [Tag View Tool], [Zoom in/Out] are added. |
Tools | [Page Setup], [User Library Edit], [Bitmap Edit] are added. |
Help | [About Graphic Designer] is added. |
(2) Project Management Menu
When selecting [Tools] – [Project], the following item will be added to the [Help] menu.
Name | Description |
Help | [About Project Manager] is added. |
(3) Database Menu
When selecting [Tools] – [Database], the following items will be added to the [Edit] and [Help] menus.
Name | Description |
Edit | [New Tag], [Edit Tag] are added. |
Help | [About Database Manager] is added. |
(4) Script Menu
When selecting [Tools] – [Scripts], the following items will be added to the [Edit] and [Help] menus.
Name | Description |
Edit | [Add New Script], [Edit Script], [Compile Script], [Compile All Scripts] are added. |
Help | [About Script Editor] is added. |
(5) Data Logging Menu
When selecting [Tools] – [Data Logging], the following item will be added to the [Help] menu.
Name | Description |
Help | [About Data Logging] is added. |
(6) String Editor Menu
When selecting [Tools] – [String Editor], the following items will be added to the [Edit] and [Help] menus.
Name | Description |
Edit | [Add String Group], [Delete String Group], [Add String], [Edit String], [Delete String], [Column Property] are added. |
Help | [About String Editor] is added. |
(7) Data Server (Modbus Slave) Menu
When selecting [Tools] – [Data Server], the following items will be added to the [Edit] and [Help] menus.
Name | Description |
Edit | [Slave Tag registration], [Slave Tag Edit], [Slave Tag Cancels] are added. |
Help | [About MODBUS SLAVE] is added. |
(8) Recipe Menu
When selecting [Tools] – [Recipe], the following items will be added to the [Edit] and [Help] menus.
Name | Description |
Edit | [Add Recipe Model], [Edit Recipe Model], [Delete Recipe Model], [Edit Group Name], [Edit Data Name], [Upload Recipe Data From XPANEL] are added. |
Help | [About Recipe Editor] is added. |
(9) Data Bridge Menu
When selecting [Tools] – [Data Bridge], the following items will be added to the [Edit] and [Help] menus.
Name | Description |
Edit | [Add Data Bridge Model], [Edit Data Bridge Model], [Delete Data Bridge Model], [Add Data Bridge Tag], [Edit Data Bridge Tag], [Delete Data Bridge Tag] are added. |
Help | [About Data Bridge Editor] is added. |
Main Tool
The Main toolbar contains frequently used commands in XpanelDesigner. Go to [View] – [Main Tool] to show or hide the toolbar on the top menu. When you execute the XpanelDesigner application, this toolbar shows up on the top menu by default. This toolbar consists of ‘Edit tools’ and ‘Execution tools’.
Edit Tools
These tools are used to edit the graphic page: [New Page], [Open], [Save], [Copy], etc. Refer to the table below for features and their descriptions.
Item | Description |
| Creates a new graphic page for the project. |
| Opens an existing graphic page. |
| Saves the current designing graphic page. |
| Saves all pages. |
| Shows the [Print] dialog box. |
| Shows the [Print Setup] dialog box. |
| Cuts the selected object. |
| Copies the selected object. |
| Pastes the cut or copied object. |
| Shows a dialog box to find a string. |
| Shows a dialog box to find a string and replace it. |
| Enlarges the magnification of the selected page. (V2.50 or above) |
| Reduces the magnification of the selected page. (V2.50 or above) |
※ For more information about each feature, please refer to the corresponding manual.
Execution Tools
Execution tools consist of commands for executing the project. Refer to the table below for features and their descriptions.
Item | Description |
| Shows the [Project] information and configuration dialog box. |
| Shows the [Database] configuration dialog box. |
| Shows the [XPANEL Setup] configuration dialog box. |
| Shows the [I/O Devices] configuration dialog box. |
| Shows the [Alarm] configuration dialog box. |
| Shows the [Security] configuration dialog box. |
| Shows the [Data Logging] configuration dialog box. |
| Shows the [Script] configuration dialog box. |
| Shows the [String Editor] dialog box. |
| Shows the [Data Server] configuration dialog box. |
| Shows the [Recipe Editor] dialog box. |
| Shows the [Data Bridge] configuration dialog box. |
| Shows the [Download to XPANEL] dialog box. |
| Shows the [CIMON-Xpanel Help] window. |
| Executes PC runtime with the connected Cimon TOUCH PC. |
※ For more information about each feature, please refer to the corresponding manual.
Project Workspace (Project)
Project Workspace is an area where the windows and features of Xpanel are listed. It is convenient for project management and modification.
You can show or hide the project workspace at [View] – [Project Workspace]. The project workplace is located on the left side of the screen by default.
Various XpanelDesigner windows such as pages and modules can be quickly executed from this tab. Double-click the item to open the page or module.
(1) Delete page
To delete a page, right-click on the page to be deleted and select [Delete Page]. A window will appear asking the user to confirm the page deletion. The page can also be deleted by selecting the page and pressing the [Delete] key.
(2) Copy/paste page
To copy a page, select ‘Copy page’ from the right-click menu. The copied page can be cloned by selecting ‘Paste page’. You can paste a page to another project.
※ ‘Copy page’ and ‘Paste page’ functions are supported in XpanelDesigner 2.53 and above versions.
Status Tool
The [Status Tool] shows the current state of XpanelDesigner. The status toolbar will contain a short status message of XpanelDesigner, location of the cursor, and the lock status of the keyboard.
The status toolbar can be hidden or shown through [View] – [Status Tool]. The Status tool is shown at the bottom of the application by default.
No. | Description |
 | Displays the status message of XpanelDesigner. |
 | Shows the cursor’s coordinate on the current graphic page. The coordinate is expressed in x and y pixel units. If there are objects on the graphic page, the exact coordinates of the object can be acquired by selecting it. |
 | Shows the lock status of your keyboard such as Caps Lock, Num Lock, and Scroll Lock. |