# Properties (Content - Grid)

[Width] / [Height] '(layout name).Width' / '(layout name).Height'
Set the content width and height. By default, values are set in brackets. If you change the target model, the values in brackets are updated accordingly. When the values are changed, brackets are disappeared. Even if you change the target model, the values are not changed. When the content is displayed, content width and height are fit to the display area. Setting Value Range: 1 - 5000
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. '(layout name).Width' / '(layout 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

[Fill]
Set the background color for the content.

[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] '(layout name).Fill.Color.Value' / '(layout 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. '(layout name).Fill.Color.Value' / '(layout 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] '(layout 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. '(layout 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 blink speed for the display color.

[Color]

[Value] '(layout name).Fill.Color1.Value' / '(layout name).Fill.Color1.ColorIndexEnabled' '(layout name).Fill.Color2.Value' / '(layout 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. '(layout name).Fill.Color1.Value' / '(layout name).Fill.Color1.ColorIndexEnabled' '(layout name).Fill.Color2.Value' / '(layout 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] '(layout name).Fill.Color1.Transparency' / '(layout 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. '(layout name).Fill.Color1.Transparency' / '(layout 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

[Row] / [Column]
Set the number of rows and columns. Setting Value Range: 1 - 100
Note: When using Grid or Scroll Grid, if the screen width cannot be divided evenly by the specified number of columns, the remainder is applied to existing columns, in order from the left column. Similarly, the remainder from dividing the screen by the specified number of rows is applied to existing rows, in order from the top row. (Example) Screen width: 800, Screen height: 481, Grid rows: 3, columns: 3 800 / 3 = 266, remainder 2. The remainder is distributed between columns A and B. 481 / 3 = 160, remainder 1. The reminder is applied to the first row.

[Height] / [Width]
Set the height and width of each row and column in pixels. Enter an asterisk (*) for the height/width of the entire drawing area minus the height/width of other rows/columns.
(Example using asterisks) Column: 400+*+*=800 *=200 Row: 120+2*+*=480 *=120, 2*=240

[Screen Type]
Select the type of content. -[Grid] -[Scroll Grid]
Note: For information about types of screens, refer to Types of Screens.

[Border]
Set the border color.

[Type]
Select how to display colors. -[None]: Display no color. -[Solid]: Display a solid color. -[Pattern]: Display two colors in a pattern.

When selecting [Solid]When selecting [Solid]

[Color]

[Value] '(layout name).Border.Color.Value' / '(layout 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. '(layout name).Border.Color.Value' / '(layout 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] '(layout 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. '(layout 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] '(layout name).Border.ForeColor.Value' / '(layout name).Border.ForeColor.ColorIndexEnabled' '(layout name).Border.BackColor.Value' / '(layout 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. '(layout name).Border.ForeColor.Value' / '(layout name).Border.ForeColor.ColorIndexEnabled' '(layout name).Border.BackColor.Value' / '(layout 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] '(layout name).Border.ForeColor.Transparency' / '(layout 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. '(layout name).Border.ForeColor.Transparency' / '(layout 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

[Border Thickness] '(layout name).BorderThickness'
Set the width of the border. Setting Value Range: 1 - 9
Data Binding Support: To use as a Binding Source, refer to the following. '(layout name).BorderThickness' 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

[HorizontalLine]
Set the horizontal line color.

[Type]
Select how to display colors. -[None]: Display no color. -[Solid]: Display a solid color. -[Pattern]: Display two colors in a pattern.

When selecting [Solid]When selecting [Solid]

[Color]

[Value] '(layout name).HorizontalLine.Color.Value' / '(layout name).HorizontalLine.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. '(layout name).HorizontalLine.Color.Value' / '(layout name).HorizontalLine.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] '(layout name).HorizontalLine.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. '(layout name).HorizontalLine.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] '(layout name).HorizontalLine.ForeColor.Value' / '(layout name).HorizontalLine.ForeColor.ColorIndexEnabled' '(layout name).HorizontalLine.BackColor.Value' / '(layout name).HorizontalLine.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. '(layout name).HorizontalLine.ForeColor.Value' / '(layout name).HorizontalLine.ForeColor.ColorIndexEnabled' '(layout name).HorizontalLine.BackColor.Value' / '(layout name).HorizontalLine.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] '(layout name).HorizontalLine.ForeColor.Transparency' / '(layout name).HorizontalLine.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. '(layout name).HorizontalLine.ForeColor.Transparency' / '(layout name).HorizontalLine.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

[HorizontalThickness] '(layout name).HorizontalThickness'
Set the thickness of ruled lines (horizontal). Setting Value Range: 1 - 9
Data Binding Support: To use as a Binding Source, refer to the following. '(layout name).HorizontalThickness' 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

[VerticalLine]
Set the vertical line color.

[Type]
Select how to display colors. -[None]: Display no color. -[Solid]: Display a solid color. -[Pattern]: Display two colors in a pattern.

When selecting [Solid]When selecting [Solid]

[Color]

[Value] '(object name).VerticalLine.Color.Value' / '(object name).VerticalLine.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).VerticalLine.Color.Value' / '(object name).VerticalLine.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).VerticalLine.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).VerticalLine.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] '(layout name).VerticalLine.ForeColor.Value' / '(layout name).VerticalLine.ForeColor.ColorIndexEnabled' '(layout name).VerticalLine.BackColor.Value' / '(layout name).VerticalLine.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. '(layout name).VerticalLine.ForeColor.Value' / '(layout name).VerticalLine.ForeColor.ColorIndexEnabled' '(layout name).VerticalLine.BackColor.Value' / '(layout name).VerticalLine.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).VerticalLine.ForeColor.Transparency' / '(object name).VerticalLine.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).VerticalLine.ForeColor.Transparency' / '(object name).VerticalLine.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

[VerticalThickness] '(layout name).VerticalThickness'
Set the thickness of ruled lines (vertical). Setting Value Range: 1 - 9
Data Binding Support: To use as a Binding Source, refer to the following. '(layout name).VerticalThickness' 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

[Stripe]
Select this check box to color every second row. Click [Stripe Color] and set the colors.

[Stripe 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] '(layout name).StripeColor.Color.Value' / '(layout name).StripeColor.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. '(layout name).StripeColor.Color.Value' / '(layout name).StripeColor.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] '(layout name).StripeColor.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. '(layout name).StripeColor.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] '(layout name).StripeColor.Color1.Value' / '(layout name).StripeColor.Color1.ColorIndexEnabled' '(layout name).StripeColor.Color2.Value' / '(layout name).StripeColor.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. '(layout name).StripeColor.Color1.Value' / '(layout name).StripeColor.Color1.ColorIndexEnabled' '(layout name).StripeColor.Color2.Value' / '(layout name).StripeColor.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] '(layout name).StripeColor.Color1.Transparency' / '(layout name).StripeColor.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. '(layout name).StripeColor.Color1.Transparency' / '(layout name).StripeColor.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

[Visibility] '(layout name).Visibility'
Select the visibility state of the content. 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 screen. -[Hidden] (1): Hide the screen. The screen area is maintained. -[Collapsed] (2): Collapse the screen. The screen area is also collapsed. Setting Value Range: 0 - 2
Note: When using a BOOL type source property, you cannot use [Collapse]. 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. '(layout 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