Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Item

Description

Page Number

Each page is defined by a unique letter and number. The letter represents the page type (“B“, “P“, or “K“ for Normal/Base, Popup, or Keypad, respectively), and the number identifies a specific page of a given type. Example page designations include “B00001“, “B00002“, “P00001“, “K00001“, “K00002“, etc. Multiple pages of the same type cannot share the same page number.

Page Name

Enter a unique page name in the text field. Note that if the page’s filename contains non-alphanumeric characters, the project may malfunction in the English version of Xpanel.

Page Type

Select the type of page.

Normal Page

Set as a normal full-screen page.

Popup Page

Set as a floating page to be opened on top of a normal page.

Keypad Page

Set as a user-defined keypad page to be opened on top of a normal page.

Background

Specifies the background color of the current page. Use the palette to the right of the word “Background” to select a color. 98 colors are available.

Description

Enter a description for the page.

Fixed Background

This option treats objects which do not contain ‘change’ functions (conditional rendering functions such as ‘Visible’, ‘Color’, etc) as part of the background. Graphic processing speed may be increased by choosing this option. Objects with ‘change’ functions will be placed on top of the background. Note that if objects are overlapping each other, objects with a ‘change’ function will always be placed on top of objects without a ‘change’ function, even if they are arranged differently in the editor. See the example below for details.

Option

XpanelDesigner

Xpanel Runtime

Disabled

Objects with the ‘Visible’ function will be displayed the same way as on the XpanelDesigner screen.

Enabled

Objects with the ‘Visible’ function will be moved forward.

Draw Changed Object Only

This option is used to increase the update speed of the Xpanel screen by reducing the number of objects to display. Without this option, all objects are redrawn whenever a single object function is activated. With this option, only changed objects are redrawn.

※ Please check the following notes to avoid malfunctions:

(1) Avoid overlapping objects which use rendering functions, including:

-Objects using the ‘Visible’, ‘Blink’, ‘V/H-Size, ‘V/H-Move’, ‘Color’, or ‘Rotate’ functions.

-Objects that are part of a group which uses a rendering function.

-Dynamic Tag, Date/Time, String Value, DataLog, Trend Graph, Alarm Summary, or PageLink objects.

The picture above shows three rectangle objects with the ‘color’ function that are overlapping each other. The most recently changed object will always be placed in front, regardless of its position within XpanelDesigner.

(2) The ‘Draw Changed Object Only’ option will not activate if any objects with the ‘V/H move’ or ‘rotate’ functions exist on the page.

(3) If multiple objects with the ‘visible’ function that are activated by the same tag overlap each other, the objects may be arranged in a different order in the Xpanel runtime than in XpanelDesigner.

Using 256 Bitmap

Converts images to a 256-colored bitmap. This option lowers image quality and is intended for devices with limited color support, or for when improved performance is needed.

Display Touch Area

Highlights the inner border of “Touch” objects to indicate when they are pressed.

Enable Overlapping Objects

When two or more objects with the ‘touch’ function overlap each other, both functions will be activated by touching the area of overlap. Note that you cannot use this option to perform multiple ‘Open Page’ and/or ‘Close Page’ actions.

Security Level

This option limits the available UI actions depending on the user’s security level. You can assign a value between 0 and 10. Higher levels indicate a higher authority requirement.

※ Refer to chapter 8 (‘Security’) for more information about using security levels.

...

You can define a Command Expression to perform when opening or closing the page, for example to call a script or change a tag value. See chapter 12 Scriptand Appendix 1 for more information on scripting and command expressions.

...