Properties (Picture Display)

[Function] - [Basic]
[Function] - [Detail]
[Shape] - [Basic]
[Shape] - [Size/Location]

[Function] - [Basic]

[Save in]
Select the save destination for image files. The image storage method is different depending on the save destination. -[Internal]: The image files to display are files transferred to the display unit's internal memory during project file transfer. Before transferring project files, save the image files you want to use in the folder specified in the [Data Folder in PC] property. -[SD Card] or [USB Storage]: The image files to display are stored on external storage ([SD Card] or [USB Storage]). Create a folder that matches the folder specified in the [Destination Folder] property and save your images there. -[Local Storage]: The image files to display are files stored in the local storage of the display unit. Create a folder that matches the folder specified in the [Destination Folder] property and save your images there.
Note: When [Save in] is set to [Internal], you cannot add or exchange image files on the display unit. The external storage you can use differs between display unit models. For save destinations you can use with each model, refer to the following. Supported Model / Feature List The [Local Storage] storage option is available for ST6000 Series, ST6000 2nd Gen Series, or STM6000 Series only. On IPC Series or PC/AT, when [SD Card] or [USB Storage] is selected, the folder set in the [Destination Folder (SD Card)] or [Destination Folder (USB Storage)] field is recognized as the save destination. For information about [Destination Folder (SD Card)] or [Destination Folder (USB Storage)], refer to the following. Target Settings

Select the save destination for image files.
The image storage method is different depending on the save destination.

-[Internal]: The image files to display are files transferred to the display unit's internal memory during project file transfer. Before transferring project files, save the image files you want to use in the folder specified in the [Data Folder in PC] property.

-[SD Card] or [USB Storage]: The image files to display are stored on external storage ([SD Card] or [USB Storage]). Create a folder that matches the folder specified in the [Destination Folder] property and save your images there.

-[Local Storage]: The image files to display are files stored in the local storage of the display unit. Create a folder that matches the folder specified in the [Destination Folder] property and save your images there.

Note:

When [Save in] is set to [Internal], you cannot add or exchange image files on the display unit.
The external storage you can use differs between display unit models. For save destinations you can use with each model, refer to the following.
Supported Model / Feature List
The [Local Storage] storage option is available for ST6000 Series, ST6000 2nd Gen Series, or STM6000 Series only.
On IPC Series or PC/AT, when [SD Card] or [USB Storage] is selected, the folder set in the [Destination Folder (SD Card)] or [Destination Folder (USB Storage)] field is recognized as the save destination.
For information about [Destination Folder (SD Card)] or [Destination Folder (USB Storage)], refer to the following.
Target Settings

[Data Folder in PC]
Set when [Save in] is set to [Internal]. Click the ellipsis [...] to select the folder where image files are saved.

Set when [Save in] is set to [Internal].
Click the ellipsis [...] to select the folder where image files are saved.

[Destination Folder]
Set the destination folder of image files. Start the path with a slash. (Example: /picture) If [Save in] is set to [Internal], the folder specified in the [Destination Folder] property is automatically created in internal memory when the project file is transferred, and the image files are transferred to that folder. If [Save in] is set to either [SD] or [USB], set the folder created in the external storage to the [Destination Folder] property and save the image files in the created folder. If [Save in] is set to [Local Storage], set the folder created in the external storage to the [Destination Folder] property and save the image files in the created folder. You can use up to 256 characters, except the following symbols, for the folder name. : ; \| , * ? " ( ) \ / On the IPC Series, to use a specific language for folder and file names, set up in [Control Panel] > [Change system locale].
Note: When [Save in] is set to [Internal], simulation references images in the folder in the [Data Folder in PC] field. When an image with the same file name already exists, the image is overwritten. For the image file format you can use, refer to the following. About Picture Display

Set the destination folder of image files. Start the path with a slash. (Example: /picture)

If [Save in] is set to [Internal], the folder specified in the [Destination Folder] property is automatically created in internal memory when the project file is transferred, and the image files are transferred to that folder.
If [Save in] is set to either [SD] or [USB], set the folder created in the external storage to the [Destination Folder] property and save the image files in the created folder.
If [Save in] is set to [Local Storage], set the folder created in the external storage to the [Destination Folder] property and save the image files in the created folder.

You can use up to 256 characters, except the following symbols, for the folder name.

: ; | , * ? " ( ) \ /

On the IPC Series, to use a specific language for folder and file names, set up in [Control Panel] > [Change system locale].

Note:

When [Save in] is set to [Internal], simulation references images in the folder in the [Data Folder in PC] field.
When an image with the same file name already exists, the image is overwritten.
For the image file format you can use, refer to the following.
About Picture Display

Set the number of the image to display. Image numbers are assigned, in order, from the first image: 1,2,3... The image order is determined by the first character of the image file name. If the first character is the same as other image file names, then the order is determined by the second character.
In the example below, the [Image Number] of 010.png is 4.
001.png → 002.png → 003.png → 010.png → 11.png → 12.png → 100.png

Data Binding Support:

To use as a Binding Source, refer to the following.
'(object name).ImageNumber'

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

[Function] - [Detail]

Select this check box so you can zoom in, zoom out, and move the display area of the displayed image.

Set the zoom level of the displayed image. The [Zoom Level] refers to the ratio of the image relative to the display area of the picture display object.
When [Zoom Level] is 100, the image is displayed in the entire display area of the picture display object. When 200, the image is displayed with 2 times the width and height of the picture display object.

Setting Value Range: 100 - 400

[Zoom Level]: 100

[Zoom Level]: 200

Data Binding Support:

To use as a Binding Source, refer to the following.
'(object name).DisplaySettings.ZoomLevel'

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

Select the sound of the buzzer on touch.

-[None]: No Beep.

-[One shot]: Beeps once.

-[Continuous]: Beeps continuously.

-[Periodic]: Beeps at a regular interval.

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

[Shape] - [Basic]

Set fill color.

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]

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

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]

Select the speed at which the two display colors switch.

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

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

Set border color.

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]

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

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]

Select the blink speed for the display color.

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

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

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

[Shape] - [Size/Location]

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

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

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

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

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

Set the rotation angle for the object. Set the rotation angle in the clockwise direction.

Setting Value Range: -360 - 360

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.

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

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

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