# Properties (Rectangle)

Hide Show

1. [Function] - [Touch]
2. [Function] - [Detail]
3. [Shape] - [Basic]
4. [Shape] - [Size/Location]

## [Function] - [Touch]

[Operation]

[Type]
Select an operation to execute by touching the object. -[None] -[Bit] -[Word] -[String] -[Screen Change] -[Content Change]

When selecting [Bit]When selecting [Bit]

Select the operation type.

[Operation] | Description
[Set] | Turns ON the specified boolean source property in the [Destination].
[Reset] | Turns OFF the specified boolean source property in the [Destination].
[Toggle] | Switches from ON/OFF or vice versa based on the specified boolean source property. If the bit is ON, it turns OFF when touched. If the bit is OFF, it turns ON when touched.
[Momentary ON] | Turns ON the specified boolean source property while the object is pressed, and turns OFF the boolean source property when the object is released. You can add a delay with the [Enable Delay] property below.
[Momentary OFF] | Turns OFF the specified boolean source property while the object is pressed, and turns ON the boolean source property when the object is released. You can add a delay with the [Enable Delay] property below.
[Enable Delay] | Used with Momentary ON and Momentary OFF operations, defines the amount of time the object must be pressed until the boolean source property is turned either ON or OFF. Specify the delay time in units of 100 milliseconds. Note: If you want to set a delay after the object is released, until the boolean source property is turned either ON or OFF, you cannot use this setting. Instead, draw a switch and create a script as follows.

When selecting [Word]When selecting [Word]

Select the operation type.

[Operation] | Description
[Set] | Writes the source property or constant specified in the [Source] to the source property specified in the [Destination] field and copies the result to the destination source property.
[Add] | Adds the source property or constant specified in the [Source] to the source property specified in the [Destination] field and copies the result to the destination source property.
[Subtract] | Subtracts the source property or constant specified in the [Source] from the source property specified in the [Destination] field and copies the result to the destination source property.
[Multiplication] | Multiplies the source property or constant specified in the [Source] by the source property specified in the [Destination] and copies the result to the destination source property.
[Division] | Divides the source property or constant specified in the [Source] by the source property specified in the [Destination] and copies the result to the destination source property.
[AND] | Runs an AND operation (Bitwise AND) between the integer or source property specified in the [Source] with the source property specified in the [Destination] field and then copies the result to the destination source property.
[NAND] | Runs the NAND operation (logical product followed by NOT) between the integer or source property specified in the [Source] and the source property specified in the [Destination] and copies the result to the destination source property.
[OR] | Writes the OR value (logical sum) of the integer or source property specified in the [Source] and the source property specified in the [Destination] and copies the result to the destination source property.
[NOR] | Writes the NOR value (logical sum followed by Inverter) of the integer or source property specified in the [Source] and the source property specified in the [Destination] and copies the result to the destination source property.
[XOR] | Writes the XOR value (exclusive logical sum) of the integer or source property specified in the [Source] and the source property specified in the [Destination] and copies the result to the destination source property.

When selecting [String]When selecting [String]

Select the operation type.

[Operation] | Description
[Set] | Writes the source property or constant specified in the [Source] to the source property specified in the [Destination] and copies the result to the destination source property.
[ConCatenate] | Writes the source property or constant specified in the [Source] to the source property specified in the [Destination] and combines the result to the destination source property.

When selecting [Screen Change]When selecting [Screen Change]

Select the operation type.

[Previous] | Return to the previous screen
[Specific ID] | Change the specific screen ID specified in the [Screen]

When selecting [Content Change]When selecting [Content Change]

Select the operation type.

[Previous] | Return to the previous content
[Specific ID] | Change the specific content ID specified in the [Content]

## [Function] - [Detail]

[Interlock] '(object name).Interlock'
Assign the boolean type source property. When the assigned source property value is True, object touch is disabled.
Data Binding Support: To use as a Binding Source, refer to the following. '(object name).Interlock' When used as a Binding Target, the Binding Sources that can be associated are as follows. [ Alarm] [ Variable] [ Local Variable] [ Graphical Object] [ Target] [ Equipment] [ Recipe] For more information of Data Binding concept, refer to the following. Data Binding

[Security Level]
Set the security level for the object. When touching the object, touch operations are enabled when the operator's security level is equal to or greater than the security level specified here. Setting Value Range:0 - 65535

[Operation Log]
When [Alarm/Events]→[Operation Log]→[Object Touch] is disabled, select the [Operation Log] option to record the user that operated the object.
Note: For more information about Operation Log, refer to the following. Overview

[Beep Type]
Select the sound of the buzzer on touch. -[None]: No Beep. -[One shot]: Beeps once. -[Continuous]: Beeps continuously. -[Periodic]: Beeps at a regular interval.

[Press Effect]

[Shift]
When Switch is pressed, the switch moves to the right by 4 pixels and down by 4 pixels.
Note: If you press the end of the switch, the switch will not function because the position of the touched position and the switch differs. If you enable shadow, the switch position will move onto the shadow position.

## [Shape] - [Basic]

[Fill]
Set fill color.

[Type]
Select how to display colors. -[None]: Display no color. -[Solid]: Display a solid color. -[Pattern]: Display two colors in a pattern. -[Linear Gradient]: Change color gradually from one end of the object to the other. -[Radial Gradient]: Change color gradually from the center point. -[Blink]: Alternate between 2 colors.

When selecting [Solid]When selecting [Solid]

[Color]

[Value] '(object name).Fill.Color.Value' / '(object name).Fill.Color.ColorIndexEnabled'
Set the display color. To the right of the item name is the current display color. Click the display color to pop up a color palette. Select the color set up method, either [ID] or [RGB], which appears at the top of the color palette. -[ID]: From the color palette, select the display color you want to use. The display color is managed using the ID. While ID numbers are the same between color sets, because the display color depends on the color set, if you change the color set the display color will also change. -[RGB]: Set the display color in RGB format. Either select from the color palette, or enter the RGB value.
Note: For information about color sets, refer to the following. Color Set Data Binding Support: To use as a Binding Source, refer to the following. '(object name).Fill.Color.Value' / '(object name).Fill.Color.ColorIndexEnabled' When used as a Binding Target, the Binding Sources that can be associated are as follows. [ Alarm] [ Variable] [ Local Variable] [ Graphical Object] [ Target] [ Equipment] [ Recipe] For more information of Data Binding concept, refer to the following. Data Binding

[Transparency] '(object name).Fill.Color.Transparency'
Set the transparency level of the display color. Setting Value Range: 0 - 100
Data Binding Support: To use as a Binding Source, refer to the following. '(object name).Fill.Color.Transparency' When used as a Binding Target, the Binding Sources that can be associated are as follows. [ Alarm] [ Variable] [ Local Variable] [ Graphical Object] [ Target] [ Equipment] [ Recipe] For more information of Data Binding concept, refer to the following. Data Binding

When selecting [Pattern]When selecting [Pattern]

[Pattern]
Select the pattern for the display colors.

[Color]

[Value] '(object name).Fill.ForeColor.Value' / '(object name).Fill.ForeColor.ColorIndexEnabled' '(object name).Fill.BackColor.Value' / '(object name).Fill.BackColor.ColorIndexEnabled'
Set the display color. To the right of the item name is the current display color. Click the display color to pop up a color palette. Select the color set up method, either [ID] or [RGB], which appears at the top of the color palette. -[ID]: From the color palette, select the display color you want to use. The display color is managed using the ID. While ID numbers are the same between color sets, because the display color depends on the color set, if you change the color set the display color will also change. -[RGB]: Set the display color in RGB format. Either select from the color palette, or enter the RGB value.
Data Binding Support: To use as a Binding Source, refer to the following. '(object name).Fill.ForeColor.Value' / '(object name).Fill.ForeColor.ColorIndexEnabled' '(object name).Fill.BackColor.Value' / '(object name).Fill.BackColor.ColorIndexEnabled' When used as a Binding Target, the Binding Sources that can be associated are as follows. [ Alarm] [ Variable] [ Local Variable] [ Graphical Object] [ Target] [ Equipment] [ Recipe] For more information of Data Binding concept, refer to the following. Data Binding

[Transparency] '(object name).Fill.ForeColor.Transparency' / '(object name).Fill.BackColor.Transparency'
Set the transparency level of the display color. Setting Value Range: 0 - 100
Data Binding Support: To use as a Binding Source, refer to the following. '(object name).Fill.ForeColor.Transparency' / '(object name).Fill.BackColor.Transparency' When used as a Binding Target, the Binding Sources that can be associated are as follows. [ Alarm] [ Variable] [ Local Variable] [ Graphical Object] [ Target] [ Equipment] [ Recipe] For more information of Data Binding concept, refer to the following. Data Binding

When selecting [Linear Gradient]When selecting [Linear Gradient]

[Angle]
Set the direction of changes in color.

[Color Stops] / [Position (%)]
Set the position of the selected branch point. Select branch points with the slider on an item. You can also use the slider to move the position of the branch point. Click the + on the right-hand side of the slider to add a branch point. Click x to delete the branch point.

[Color]
Set the display color of the selected branch point. To the right of the item name is the current display color. Click the display color to pop up a color palette. Select the color set up method, either [ID] or [RGB], which appears at the top of the color palette. [ID]: From the color palette, select the display color you want to use. The display color is managed using the ID. While ID numbers are the same between color sets, because the display color depends on the color set, if you change the color set the display color will also change. [RGB]: Set the display color in RGB format. Either select from the color palette, or enter the RGB value.
Note: For information about color sets, refer to the following. Color Set

[Transparency]
Set the transparency level of the display color. Setting Value Range: 0 - 100

When selecting [Radial Gradient]When selecting [Radial Gradient]

[Center Position] / [Horizontal Center] / [Vertical Center]
In [Center Position], select the start position of changes in color. You can use [Horizontal Center] and [Vertical Center] to fine-tune the center position.

[Position (%)]
Set the position of the selected branch point. Select branch points with the slider on an item. You can also use the slider to move the position of the branch point. Click the + on the right-hand side of the slider to add a branch point. Click x to delete the branch point.

[Color]
Set the display color of the selected branch point. To the right of the item name is the current display color. Click the display color to pop up a color palette. Select the color set up method, either [ID] or [RGB], which appears at the top of the color palette. [ID]: From the color palette, select the display color you want to use. The display color is managed using the ID. While ID numbers are the same between color sets, because the display color depends on the color set, if you change the color set the display color will also change. [RGB]: Set the display color in RGB format. Either select from the color palette, or enter the RGB value.
Note: For information about color sets, refer to the following. Color Set

[Transparency]
Set the transparency level of the display color. Setting Value Range: 0 - 100

When selecting [Blink]When selecting [Blink]

[Speed]
Select the speed at which the two display colors switch.

[Color]

[Value] '(object name).Fill.Color1.Value' / '(object name).Fill.Color1.ColorIndexEnabled' '(object name).Fill.Color2.Value' / '(object name).Fill.Color2.ColorIndexEnabled'
Set the display color. To the right of the item name is the current display color. Click the display color to pop up a color palette. Select the color set up method, either [ID] or [RGB], which appears at the top of the color palette. -[ID]: From the color palette, select the display color you want to use. The display color is managed using the ID. While ID numbers are the same between color sets, because the display color depends on the color set, if you change the color set the display color will also change. -[RGB]: Set the display color in RGB format. Either select from the color palette, or enter the RGB value.
Note: For information about color sets, refer to the following. Color Set Data Binding Support: To use as a Binding Source, refer to the following. '(object name).Fill.Color1.Value' / '(object name).Fill.Color1.ColorIndexEnabled' '(object name).Fill.Color2.Value' / '(object name).Fill.Color2.ColorIndexEnabled' When used as a Binding Target, the Binding Sources that can be associated are as follows. [ Alarm] [ Variable] [ Local Variable] [ Graphical Object] [ Target] [ Equipment] [ Recipe] For more information of Data Binding concept, refer to the following. Data Binding

[Transparency] '(object name).Fill.Color1.Transparency' / '(object name).Fill.Color2.Transparency'
Set the transparency level of the display color. Setting Value Range: 0 - 100
Data Binding Support: To use as a Binding Source, refer to the following. '(object name).Fill.Color1.Transparency' / '(object name).Fill.Color2.Transparency' When used as a Binding Target, the Binding Sources that can be associated are as follows. [ Alarm] [ Variable] [ Local Variable] [ Graphical Object] [ Target] [ Equipment] [ Recipe] For more information of Data Binding concept, refer to the following. Data Binding

[Border]
Set border color.

[Type]
Select how to display colors. -[None]: Display no color. -[Solid]: Display a solid color. -[Pattern]: Display two colors in a pattern. -[Linear Gradient]: Change color gradually from one end of the object to the other. -[Radial Gradient]: Change color gradually from the center point. -[Blink]: Alternate between 2 colors.

When selecting [Solid]When selecting [Solid]

[Color]

[Value] '(object name).Border.Color.Value' / '(object name).Border.Color.ColorIndexEnabled'
Set the display color. To the right of the item name is the current display color. Click the display color to pop up a color palette. Select the color set up method, either [ID] or [RGB], which appears at the top of the color palette. -[ID]: From the color palette, select the display color you want to use. The display color is managed using the ID. While ID numbers are the same between color sets, because the display color depends on the color set, if you change the color set the display color will also change. -[RGB]: Set the display color in RGB format. Either select from the color palette, or enter the RGB value.
Note: For information about color sets, refer to the following. Color Set Data Binding Support: To use as a Binding Source, refer to the following. '(object name).Border.Color.Value' / '(object name).Border.Color.ColorIndexEnabled' When used as a Binding Target, the Binding Sources that can be associated are as follows. [ Alarm] [ Variable] [ Local Variable] [ Graphical Object] [ Target] [ Equipment] [ Recipe] For more information of Data Binding concept, refer to the following. Data Binding

[Transparency] '(object name).Border.Color.Transparency'
Set the transparency level of the display color. Setting Value Range: 0 - 100
Data Binding Support: To use as a Binding Source, refer to the following. '(object name).Border.Color.Transparency' When used as a Binding Target, the Binding Sources that can be associated are as follows. [ Alarm] [ Variable] [ Local Variable] [ Graphical Object] [ Target] [ Equipment] [ Recipe] For more information of Data Binding concept, refer to the following. Data Binding

When selecting [Pattern]When selecting [Pattern]

[Pattern]
Select the pattern for the display colors.

[Color]

[Value] '(object name).Border.ForeColor.Value' / '(object name).Border.ForeColor.ColorIndexEnabled' '(object name).Border.BackColor.Value' / '(object name).Border.BackColor.ColorIndexEnabled'
Set the display color. To the right of the item name is the current display color. Click the display color to pop up a color palette. Select the color set up method, either [ID] or [RGB], which appears at the top of the color palette. -[ID]: From the color palette, select the display color you want to use. The display color is managed using the ID. While ID numbers are the same between color sets, because the display color depends on the color set, if you change the color set the display color will also change. -[RGB]: Set the display color in RGB format. Either select from the color palette, or enter the RGB value.
Note: For information about color sets, refer to the following. Color Set Data Binding Support: To use as a Binding Source, refer to the following. '(object name).Border.ForeColor.Value' / '(object name).Border.ForeColor.ColorIndexEnabled' '(object name).Border.BackColor.Value' / '(object name).Border.BackColor.ColorIndexEnabled' When used as a Binding Target, the Binding Sources that can be associated are as follows. [ Alarm] [ Variable] [ Local Variable] [ Graphical Object] [ Target] [ Equipment] [ Recipe] For more information of Data Binding concept, refer to the following. Data Binding

[Transparency] '(object name).Border.ForeColor.Transparency' / '(object name).Border.BackColor.Transparency'
Set the transparency level of the display color. Setting Value Range: 0 - 100
Data Binding Support: To use as a Binding Source, refer to the following. '(object name).Border.ForeColor.Transparency' / '(object name).Border.BackColor.Transparency' When used as a Binding Target, the Binding Sources that can be associated are as follows. [ Alarm] [ Variable] [ Local Variable] [ Graphical Object] [ Target] [ Equipment] [ Recipe] For more information of Data Binding concept, refer to the following. Data Binding

When selecting [Linear Gradient]When selecting [Linear Gradient]

[Angle]
Set the direction of changes in color.

[Color Stops] / [Position (%)]
Set the position of the selected branch point. Select branch points with the slider on an item. You can also use the slider to move the position of the branch point. Click the + on the right-hand side of the slider to add a branch point. Click x to delete the branch point.

[Color]
Set the display color of the selected branch point. To the right of the item name is the current display color. Click the display color to pop up a color palette. Select the color set up method, either [ID] or [RGB], which appears at the top of the color palette. [ID]: From the color palette, select the display color you want to use. The display color is managed using the ID. While ID numbers are the same between color sets, because the display color depends on the color set, if you change the color set the display color will also change. [RGB]: Set the display color in RGB format. Either select from the color palette, or enter the RGB value.
Note: For information about color sets, refer to the following. Color Set

[Transparency]
Set the transparency level of the display color. Setting Value Range: 0 - 100

When selecting [Radial Gradient]When selecting [Radial Gradient]

[Center Position] / [Horizontal Center] / [Vertical Center]
In [Center Position], select the start position of changes in color. You can use [Horizontal Center] and [Vertical Center] to fine-tune the center position.

[Position (%)]
Set the position of the selected branch point. Select branch points with the slider on an item. You can also use the slider to move the position of the branch point. Click the + on the right-hand side of the slider to add a branch point. Click x to delete the branch point.

[Color]
Set the display color of the selected branch point. To the right of the item name is the current display color. Click the display color to pop up a color palette. Select the color set up method, either [ID] or [RGB], which appears at the top of the color palette. [ID]: From the color palette, select the display color you want to use. The display color is managed using the ID. While ID numbers are the same between color sets, because the display color depends on the color set, if you change the color set the display color will also change. [RGB]: Set the display color in RGB format. Either select from the color palette, or enter the RGB value.
Note: For information about color sets, refer to the following. Color Set

[Transparency]
Set the transparency level of the display color. Setting Value Range: 0 - 100

When selecting [Blink]When selecting [Blink]

[Speed]
Select the blink speed for the display color.

[Color]

[Value] '(object name).Border.Color1.Value' / '(object name).Border.Color1.ColorIndexEnabled' '(object name).Border.Color2.Value' / '(object name).Border.Color2.ColorIndexEnabled'
Set the display color. To the right of the item name is the current display color. Click the display color to pop up a color palette. Select the color set up method, either [ID] or [RGB], which appears at the top of the color palette. -[ID]: From the color palette, select the display color you want to use. The display color is managed using the ID. While ID numbers are the same between color sets, because the display color depends on the color set, if you change the color set the display color will also change. -[RGB]: Set the display color in RGB format. Either select from the color palette, or enter the RGB value.
Note: For information about color sets, refer to the following. Color Set Data Binding Support: To use as a Binding Source, refer to the following. '(object name).Border.Color1.Value' / '(object name).Border.Color1.ColorIndexEnabled' '(object name).Border.Color2.Value' / '(object name).Border.Color2.ColorIndexEnabled' When used as a Binding Target, the Binding Sources that can be associated are as follows. [ Alarm] [ Variable] [ Local Variable] [ Graphical Object] [ Target] [ Equipment] [ Recipe] For more information of Data Binding concept, refer to the following. Data Binding

[Transparency] '(object name).Border.Color1.Transparency' / '(object name).Border.Color2.Transparency'
Set the transparency level of the display color. Setting Value Range: 0 - 100
Data Binding Support: To use as a Binding Source, refer to the following. '(object name).Border.Color1.Transparency' / '(object name).Border.Color2.Transparency' When used as a Binding Target, the Binding Sources that can be associated are as follows. [ Alarm] [ Variable] [ Local Variable] [ Graphical Object] [ Target] [ Equipment] [ Recipe] For more information of Data Binding concept, refer to the following. Data Binding

[Border Thickness] '(object name).Thickness'
Set the line width of the frame. Setting Value Range: 1 - 9
Data Binding Support: To use as a Binding Source, refer to the following. '(object name).Thickness' When used as a Binding Target, the Binding Sources that can be associated are as follows. [ Alarm] [ Variable] [ Local Variable] [ Graphical Object] [ Target] [ Equipment] [ Recipe] For more information of Data Binding concept, refer to the following. Data Binding

[Corner Style]

[Style]
Select the corner style. When chamfer or fillet shape is selected, set the size of the corner in the [TopLeft]/[TopRight]/[BottomLeft]/[BottomRight] fields.

[Transparency] '(object name).Transparency'
Set the whole object’s color transparency. Setting Value Range: 0 - 100
Note: When transparency is set for display colors, it results in higher transparency as it is applied to both colors. Data Binding Support: To use as a Binding Source, refer to the following. '(object name).Transparency' When used as a Binding Target, the Binding Sources that can be associated are as follows. [ Alarm] [ Variable] [ Local Variable] [ Graphical Object] [ Target] [ Equipment] [ Recipe] For more information of Data Binding concept, refer to the following. Data Binding

[Shadow]
Set font shadow color.

[Enable]
Select this check box to display a shadow on the object.

[Vertical Thickness] / [Horizontal Thickness]
Set the distance between an object and its shadow. Setting Value Range: 0 - 100

[Presets]
Select the location of the shadow.

[Color]

[Value] '(object name).Shadow.Color.Value' / '(object name).Shadow.Color.ColorIndexEnabled'
Set the display color. To the right of the item name is the current display color. Click the display color to pop up a color palette. Select the color set up method, either [ID] or [RGB], which appears at the top of the color palette. -[ID]: From the color palette, select the display color you want to use. The display color is managed using the ID. While ID numbers are the same between color sets, because the display color depends on the color set, if you change the color set the display color will also change. -[RGB]: Set the display color in RGB format. Either select from the color palette, or enter the RGB value.
Note: For information about color sets, refer to the following. Color Set Data Binding Support: To use as a Binding Source, refer to the following. '(object name).Shadow.Color.Value' / '(object name).Shadow.Color.ColorIndexEnabled' When used as a Binding Target, the Binding Sources that can be associated are as follows. [ Alarm] [ Variable] [ Local Variable] [ Graphical Object] [ Target] [ Equipment] [ Recipe] For more information of Data Binding concept, refer to the following. Data Binding

[Transparency] '(object name).Shadow.Color.Transparency'
Set the transparency level of the display color. Setting Value Range: 0 - 100
Data Binding Support: To use as a Binding Source, refer to the following. '(object name).Shadow.Color.Transparency' When used as a Binding Target, the Binding Sources that can be associated are as follows. [ Alarm] [ Variable] [ Local Variable] [ Graphical Object] [ Target] [ Equipment] [ Recipe] For more information of Data Binding concept, refer to the following. Data Binding

## [Shape] - [Size/Location]

[Location]

[Left] / [Top] '(object name).Location.Left' / '(object name).Location.Top'
Specify the coordinates of the object’s top-left border. The top-left part of the drawing screen is the start point for coordinates. Setting Value Range: -5000 - 10000
Set when drawing objects away from Grid, Scroll Grid, Uniform Grid, Dock Panel, and Stack Panel coordinates. Data Binding Support: To use as a Binding Source, refer to the following. '(object name).Location.Left' / '(object name).Location.Top' When used as a Binding Target, the Binding Sources that can be associated are as follows. [ Alarm] [ Variable] [ Local Variable] [ Graphical Object] [ Target] [ Equipment] [ Recipe] For more information of Data Binding concept, refer to the following. Data Binding

[Row] / [Column] '(object name).Location.Row' / '(object name).Location.Column'
Set the location of an object to place with row and column numbers. The top-left cell of the drawing screen is the start row and column. 0 is the number for the start row and start column. Setting Value Range: 0 - 100
Set when placing objects in a Grid or Scroll Grid. Data Binding Support: To use as a Binding Source, refer to the following. '(object name).Location.Row' / '(object name).Location.Column' When used as a Binding Target, the Binding Sources that can be associated are as follows. [ Alarm] [ Variable] [ Local Variable] [ Graphical Object] [ Target] [ Equipment] [ Recipe] For more information of Data Binding concept, refer to the following. Data Binding

[Row Span] / [Column Span] '(object name).Location.RowSpan' / '(object name).Location.ColumnSpan'
Set the row span or column span when you want to place an object on multiple rows and/or columns. Setting Value Range: 1 - 100
Set when placing objects in a Grid or Scroll Grid. Data Binding Support: To use as a Binding Source, refer to the following. '(object name).Location.RowSpan' / '(object name).Location.ColumnSpan' When used as a Binding Target, the Binding Sources that can be associated are as follows. [ Alarm] [ Variable] [ Local Variable] [ Graphical Object] [ Target] [ Equipment] [ Recipe] For more information of Data Binding concept, refer to the following. Data Binding

[Dock] '(object name).Location.Dock'
Select the direction where you want to dock the object.
(The value in brackets represents the value of the source property.) -[Left] (0) -[Top] (1) -[Right] (2) -[Bottom] (3) Setting Value Range: 0 - 3 Data Binding Support: To use as a Binding Source, refer to the following. '(object name).Location.Dock' When used as a Binding Target, the Binding Sources that can be associated are as follows. [ Alarm] [ Variable] [ Local Variable] [ Graphical Object] [ Target] [ Equipment] [ Recipe] For more information of Data Binding concept, refer to the following. Data Binding

[Width] / [Height] '(object name).Width' / '(object name).Height'
Set the object width and height. By default, values are set in brackets. If you change the value of other settings (such as object alignment, margins), the value in brackets is updated accordingly. Setting Value Range: 1 - 5000
Note: When placing objects on a Grid, Scroll Grid, or Uniform Grid, in order for the object to line up with grid borders, use the width and height default values. Data Binding Support: To use as a Binding Source, refer to the following. Note that if the width and height remain as their default values, the value of the Binding Source is 0. '(object name).Width' / '(object name).Height' When used as a Binding Target, the Binding Sources that can be associated are as follows. [ Alarm] [ Variable] [ Local Variable] [ Graphical Object] [ Target] [ Equipment] [ Recipe] For more information of Data Binding concept, refer to the following. Data Binding

[Angle]
Set the rotation angle for the object. Set the rotation angle in the clockwise direction. Setting Value Range: -360 - 360

[Margin]

[Left] / [Right] / [Top] / [Bottom]
Set the margins on the object. [Margin] settings depend on [Object Alignment] and [Width]/[Height] settings. This setting works together with [Object Alignment]. Setting Value Range: -1000 - 1000
Note: The margin is not part of the object area. Touching its margin is not the same as touching the object.

[Object Alignment]

[Horizontal]
Select the horizontal alignment option. When the object is on [Canvas], [Scroll Canvas], [Zoom Canvas], [View Box], this setting does not work. -[Left]: The object are left-aligned with respect to the drawing target. The object position shifts right by the numerical value set in [Left] margin. [Right] margin is ignored. -[Center]: The object are center-aligned with respect to the drawing target. The object position shifts right by the numerical value set in [Left] margin. [Right] margin is ignored. -[Right]: The object are right-aligned with respect to the drawing target. The object position shifts left by the numerical value set in [Right] margin. [Left] margin is ignored. -[Stretch]: The object width is smaller than the value set in [Width] by the numerical value set in [Left] and [Right] margin.
Note: When object [Width] is set as default value (value are set in brackets), object alignment is same as [Stretch] even when you select other option than [Stretch].

[Vertical]
Select the vertical alignment option. When the object is on [Canvas], [Scroll Canvas], [Zoom Canvas], [View Box], this setting does not work. -[Top]: The object are top-aligned with respect to the drawing target. The display position of the object shifts downward by the numerical value set in [Top] margin. [Bottom] margin is ignored. -[Middle]: The object are middle-aligned with respect to the drawing target. The display position of the object shifts downward by the numerical value set in [Top] margin. [Bottom] margin is ignored. -[Bottom]: The object are bottom-aligned with respect to the drawing target. The display position of the object shifts upward by the numerical value set in [Bottom] margin. [Top] margin is ignored. -[Stretch]: The object height is smaller than the value set in [Height] by the numerical value set in [Top] and [Bottom] margin.
Note: When object [Height] is set as default value (value are set in brackets), object alignment is same as [Stretch] even when you select other option than [Stretch].

[Animation]

[Horizontal Offset] / [Vertical Offset] '(object name).Animation.HorizontalOffset' / '(object name).Animation.VerticalOffset'
Set the value to move the object in horizontal or vertical direction. In [Horizontal Offset], you can set a positive value to move the object from the left to right, or a negative value to move the object from the right to left. In [Vertical Offset], you can set a positive value to move the object towards the bottom, and a negative value to move the object towards the top. On the right-hand side of the field, click the box to select the source property that stores the amount of movement. Setting Value Range: -5000 - 10000
Data Binding Support: To use as a Binding Source, refer to the following. '(object name).Animation.HorizontalOffset' / '(object name).Animation.VerticalOffset' When used as a Binding Target, the Binding Sources that can be associated are as follows. [ Alarm] [ Variable] [ Local Variable] [ Graphical Object] [ Target] [ Equipment] [ Recipe] For more information of Data Binding concept, refer to the following. Data Binding

[Horizontal Anchor] / [Vertical Anchor] '(object name).Animation.HorizontalAnchor' / '(object name).Animation.VerticalAnchor'
Set the origin point (X/Y axis) of the object that is scaled up/down. On the object before any movement is applied, set its base point as a percentage from the top-left of the object. On the right-hand side of the field, click the box to select the source property that stores the base point. Setting Value Range: 0 - 100
When [Horizontal Anchor] = 25 and [Vertical Anchor] = 75, the base point is as shown below. Data Binding Support: To use as a Binding Source, refer to the following. '(object name).Animation.HorizontalAnchor' / '(object name).Animation.VerticalAnchor' When used as a Binding Target, the Binding Sources that can be associated are as follows. [ Alarm] [ Variable] [ Local Variable] [ Graphical Object] [ Target] [ Equipment] [ Recipe] For more information of Data Binding concept, refer to the following. Data Binding

[Horizontal Scale] / [Vertical Scale] '(object name).Animation.HorizontalScale' / '(object name).Animation.VerticalScale'
Set the percentage of object after scaling up or down. On the right-hand side of the field, click the box to select the source property that stores the object size as a percentage. Setting Value Range: -32768 - 32767
Data Binding Support: To use as a Binding Source, refer to the following. '(object name).Animation.HorizontalScale' / '(object name).Animation.VerticalScale' When used as a Binding Target, the Binding Sources that can be associated are as follows. [ Alarm] [ Variable] [ Local Variable] [ Graphical Object] [ Target] [ Equipment] [ Recipe] For more information of Data Binding concept, refer to the following. Data Binding

[Rotation Center (X)] / [Rotation Center (Y)] '(object name).Animation.RotationCenterX' / '(object name).Animation.RotationCenterY'
Set the rotation center (X/Y axis) for the object. On the object before any movement is applied, set the position of the base point as a percentage of the width and height of the object. On the right-hand side of the field, click the box to select the source property that stores the X or Y coordinate of the rotation center point. Setting Value Range: -1000 - 1000
When [Rotation Center (X)] = 50, and [Rotation Center (Y)] = 500, the rotation center is as shown below. Note: 0 is the left or top side of the object, and 100 is the right or bottom side of the object. Data Binding Support: To use as a Binding Source, refer to the following. '(object name).Animation.RotationCenterX' / '(object name).Animation.RotationCenterY' '(object name).Animation.RotationCenterX' / '(object name).Animation.RotationCenterY' When used as a Binding Target, the Binding Sources that can be associated are as follows. [ Alarm] [ Variable] [ Local Variable] [ Graphical Object] [ Target] [ Equipment] [ Recipe] For more information of Data Binding concept, refer to the following. Data Binding

[Rotation Angle] '(object name).Animation.RotationAngle'
Set the rotation angle for the object. On the right-hand side of the field, click the box to select the source property that stores the rotation angle. Setting Value Range: -32768 - 32767
Data Binding Support: To use as a Binding Source, refer to the following. '(object name).Animation.RotationAngle' When used as a Binding Target, the Binding Sources that can be associated are as follows. [ Alarm] [ Variable] [ Local Variable] [ Graphical Object] [ Target] [ Equipment] [ Recipe] For more information of Data Binding concept, refer to the following. Data Binding

[Fill Level]

[Enable]
Select this check box to set up Fill animation.

[Horizontal Fill] '(object name).Animation.FillLevel.HorizontalFill'
Set the percentage for the object's horizontal fill. Setting Value Range: From [Horizontal Start Point] when [Center One Side] is selected: -100 Other than the above: 0 - 100
Data Binding Support: To use as a Binding Source, refer to the following. '(object name).Animation.FillLevel.HorizontalFill' When used as a Binding Target, the Binding Sources that can be associated are as follows. [ Alarm] [ Variable] [ Local Variable] [ Graphical Object] [ Target] [ Equipment] [ Recipe] For more information of Data Binding concept, refer to the following. Data Binding

[Horizontal Start Point]
Select the start point for the fill. -[Left]: The left side of the object is the fill start point. As the value in [Horizontal Fill] increases, the object fills towards the right. -[Right]: The right side of the object is the fill start point. As the value in [Horizontal Fill] increases, the object fills towards the left. -[Center One Side]: The center of the object is the fill start point. As the value in [Horizontal Fill] increases, the object fills towards right; and as the value decreases, the object fills towards the left. -[Center Both Side]: The center of the object is the fill start point. As the value in [Horizontal Fill] increases, the object fills towards both the right and left.

[Vertical Fill] '(object name).Animation.FillLevel.VerticalFill'
Set the percentage for the object's vertical fill. Setting Value Range: From [Vertical Start Point] when [Middle One Side] is selected: -100 Other than the above: 0 - 100
Data Binding Support: To use as a Binding Source, refer to the following. '(object name).Animation.FillLevel.VerticalFill' When used as a Binding Target, the Binding Sources that can be associated are as follows. [ Alarm] [ Variable] [ Local Variable] [ Graphical Object] [ Target] [ Equipment] [ Recipe] For more information of Data Binding concept, refer to the following. Data Binding

[Vertical Start Point]
Select the start point for the fill. -[Top]: The top of the object is the fill start point. As the value in [Vertical Fill] increases, the object fills towards the bottom. -[Bottom]: The bottom of the object is the fill start point. As the value in [Vertical Fill] increases, the object fills towards the top. -[Middle One Side]: The middle of the object is the fill start point. As the value in [Vertical Fill] increases, the object fills towards the top; and as the value decreases, the object fills towards the bottom. -[Middle Both Side]: The middle of the object is the fill start point. As the value in [Vertical Fill] increases, the object fills towards both the top and bottom.

[Back Color]

[Value] '(object name).Animation.FillLevel.BackColor.Color.Value' / '(object name).Animation.FillLevel.BackColor.Color.ColorIndexEnabled'
Set the display color. To the right of the item name is the current display color. Click the display color to pop up a color palette. Select the color set up method, either [ID] or [RGB], which appears at the top of the color palette. -[ID]: From the color palette, select the display color you want to use. The display color is managed using the ID. While ID numbers are the same between color sets, because the display color depends on the color set, if you change the color set the display color will also change. -[RGB]: Set the display color in RGB format. Either select from the color palette, or enter the RGB value.
Note: For information about color sets, refer to the following. Color Set Data Binding Support: To use as a Binding Source, refer to the following. '(object name).Animation.FillLevel.BackColor.Color.Value' / '(object name).Animation.FillLevel.BackColor.Color.ColorIndexEnabled' When used as a Binding Target, the Binding Sources that can be associated are as follows. [ Alarm] [ Variable] [ Local Variable] [ Graphical Object] [ Target] [ Equipment] [ Recipe] For more information of Data Binding concept, refer to the following. Data Binding

[Transparency] '(object name).Animation.FillLevel.BackColor.Color.Transparency'
Set the transparency level of the display color. Setting Value Range: 0 - 100
Data Binding Support: To use as a Binding Source, refer to the following. '(object name).Animation.FillLevel.BackColor.Color.Transparency' When used as a Binding Target, the Binding Sources that can be associated are as follows. [ Alarm] [ Variable] [ Local Variable] [ Graphical Object] [ Target] [ Equipment] [ Recipe] For more information of Data Binding concept, refer to the following. Data Binding

[Visibility] '(object name).Visibility'
Select the visibility state of the object. On the right-hand side of the field, click the box to select the source property for the visibility function. (The value in brackets represents the value of the source property) -[Visible] (0): Display the object. -[Hidden] (1): Hide the object. The object area is maintained. -[Collapsed] (2): Collapse the object. The object area is also collapsed. You can dynamically change the screen layout by collapsing objects on the Uniform Grid, Stack Panel, or Dock Panel. Setting Value Range: 0 - 2
Note: When using a BOOL type source property, you cannot use [Collapsed]. For information on Visibility animation and example operations, refer to the following. Operation When Visibility Animation is Set Up For setting examples using [Hidden], refer to the following. Displaying Windows For setting examples using [Collapsed], refer to the following. Configuring a Screen with Multiple Sections Splitting a Screen Data Binding Support: To use as a Binding Source, refer to the following. '(object name).Visibility' When used as a Binding Target, the Binding Sources that can be associated are as follows. [ Alarm] [ Variable] [ Local Variable] [ Graphical Object] [ Target] [ Equipment] [ Recipe] For more information of Data Binding concept, refer to the following. Data Binding