# Operation When Visibility Animation is Set Up

When setting visibility animation (Visibility) for an object with the Dock Panel, Stack Panel, and Uniform Grid, which automatically adjust the object's location and size, the object's alignment can be changed during operation.

This section describes operation with runtime when setting visibility animation (Visibility) for an object with the Dock Panel, Stack Panel, and Uniform Grid.

Note:

- For information about operation when designing screens with the Dock Panel, Stack Panel, and Uniform Grid, see the following.
  Types of Screens

- Visibility animation is a value set in the object's [Visibility] property, controlling its visibility.
  0: Display
  1: Hidden
  2: Collapsed
  For information about visibility animation, see the following.
  What is Animation?

### Example Operation of Visibility Animation on a Dock Panel

In the Dock Panel, if you collapse all the objects except the last placed object, the last placed object expands to occupy the available area.

### Example Operation of Visibility Animation on a Stack Panel

In the Stack Panel, if you collapse an object, the other objects are pushed forward.

### Example Operation of Visibility Animation on a Uniform Grid

In the Uniform Grid, if you collapse an object, its operation is different when the number of rows/columns are defined, and when the number of rows/columns are not defined.

- When the number of rows/columns is undefined
  If you reduce the size of an object, the size and position of other displayed objects are automatically adjusted according to the number that can fit in the available area.
- When the number of rows/columns is defined
  Even if you reduce the size of an object, the size of other displayed objects does not change. The other objects are pushed forward.

## Example Setup for Visibility Animation

### Set up with Variables

By mapping device addresses to variables, you can run operations from the external device.

Example: TextBox1

Tab | Sub Tab | Property Inspector | Values
[Shape] | [Size/Location] | [Visibility] | [Variables] [Name]: Var1

### Set up without Variables

Example: TextBox1

Tab | Sub Tab | Property Inspector | Values
[Shape] | [Size/Location] | [Visibility] | [GraphicObject] [Source Object]: TextBox1 [Source Property]: Visibility