# Properties (Recipe Dropdown)

Hide Show

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

## [Function] - [Basic]

[Control Type]
Select the target of the recipe to be selected.

[Number of Display Lines]
Set the number of rows displayed in the list. If the number of items exceed the [Number of Display Lines], only a portion of the items are displayed. You can use a Scroll switch or scroll gestures to display hidden items. Setting Value Range: 1 - 20

## [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

[InterLock State]
Select this check box to gray out the object when interlocked.

[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.

[Color When Selected]
Specify the reversal method when an object is selected.
-[Reverse Color]: When the object is selected at run time, colors are flipped. The [Font Color] is applied to the [Fill], and the [Fill] color is applied to the [Font Color]. -[Reverse Color & Transparency]: When the object is selected at run time, colors and transparency are flipped. The [Font Color] and [Transparency] are applied to the [Fill], and the [Fill] color and [Transparency] are applied to the [Font Color]. Note: When using [Reverse Color] on an object set up with blink on one of either the [Font Color] or [Fill], when the object is selected and colors are flipped, the first transparency setting is applied to the blink colors. Example
| Color/Transparency When Displayed | Color/Transparency When Selected
Front Color | (1) Value: ID1 Transparency: 50% (2) Value: ID2 Transparency: 80% | Value: ID9 Transparency: 50%
Fill | Value: ID9 Transparency: 0% | (1) Value: ID1 Transparency: 0% (2) Value: ID2 Transparency: 0%

## [Shape] - [Text]

[Font Color]
Set font color.

[Type]
Select how to display colors. -[None]: Display no color. -[Solid]: Display a solid color. -[Blink]: Alternate between 2 colors.

When selecting [Solid]When selecting [Solid]

[Color]

[Value] '(object name).TextColor.Color.Value' / '(object name).TextColor.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).TextColor.Color.Value' / '(object name).TextColor.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).TextColor.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).TextColor.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 [Blink]When selecting [Blink]

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

[Color]

[Value] '(object name).TextColor.Color1.Value' / '(objectname).TextColor.Color1.ColorIndexEnabled' '(object name).TextColor.Color2.Value' / '(objectname).TextColor.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: There are two color settings when setting [Type] to [Blink]. 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).TextColor.Color1.Value' / '(object name).TextColor.Color1.ColorIndexEnabled' '(object name).TextColor.Color2.Value' / '(object name).TextColor.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).TextColor.Color1.Transparency' / '(object name).TextColor.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).TextColor.Color1.Transparency' / '(object name).TextColor.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

[Font]
Configure font settings.

[Size] '(object name).Font.Size'
Set the font size. Setting Value Range: 6 - 512
Data Binding Support: To use as a Binding Source, refer to the following. '(object name).Font.Size' 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

[Type] '(object name).Font.Type'
Select the language for the font. Note: When using the Language Table for displayed text content, the font type in the Language Table is used for the string. As a result, when using the Language Table, this property cannot be used to modify or verify the font type. If you use characters from a language that is not supported by the selected font, then the characters will display either as white space characters or square symbols on the display unit. For information on supported languages, refer to the following. Supported Display Languages
Data Binding Support: To use as a Binding Source, refer to the following. '(object name).Font.Type' When specifying using a source property, the setting value for items are as follows. [English_Gothic]: 0000 hex [French_Gothic]: 0010 hex [German_Gothic]: 0020 hex [Italian_Gothic]: 0030 hex [Portuguese_Gothic]: 0040 hex [Spanish_Gothic]: 0050 hex [Albanian_Gothic]: 0060 hex [Croatian_Gothic]: 0070 hex [Czech_Gothic]: 0080 hex [Hungarian_Gothic]: 0090 hex [Slovenian_Gothic]: 00D0 hex [Polish_Gothic]: 00E0 hex [Romanian_Gothic]: 00A0 hex [Serbian_Gothic]: 00B0 hex [Slovak_Gothic]: 00C0 hex [Russian_Gothic]: 00F0 hex [Greek_Gothic]: 0100 hex [Turkish_Gothic]: 0110 hex [Chinese_Simplified_GB2312_Gothic]: 0120 hex [Chinese_Simplified_GB18030_Gothic]: 0130 hex [Chinese_Traditional_Gothic]: 0140 hex [Korean_Gothic]: 0150 hex [Japanese_Gothic]: 0160 hex [Thai_Gothic]: 0170 hex [Hindi_Gothic]: 0180 hex [Hebrew_Gothic]: 0190 hex [Arabic_Gothic]: 01A0 hex 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

[Attribute]

[Attribute]
Set attributes to text. (Bold / Italic / Underline / Shadow)

[Shadow]
Set font shadow color.

[Color]

[Value] '(object name).Font.Attribute.Shadow.Color.Value' / '(object name).Font.Attribute.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).Font.Attribute.Shadow.Color.Value' / '(object name).Font.Attribute.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).Font.Attribute.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).Font.Attribute.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] - [Basic]

[Fill]
Set fill color.

[Type]
Select how to display colors. -[None]: Display no color. -[Solid]: Display a solid color. -[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 [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. -[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 [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

[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

[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