---
title: "vertical aligned fields · RUAL Documentation"
description: "Shows the given fields vertical aligned"
canonical: https://docs.rual.nl/block-types/state%20elements/state_vertical_fields
language: en
---

# vertical aligned fields

This block is part of the group and was last modified in core [`v13.0.6`](https://docs.rual.nl/core-versions/130006).

### Fields Selection Required

This block relies on fields that you selected to perform its data actions. You must manually select the fields you want to use in your flow using the fields selector modal. To access the modal, click the white button on the block.

### Field Selection Required

This block requires field selection (in). You must manually select the fields you want to work with using the field selector modal. To access the modal, click the white button on the block.

Shows the given fields vertical aligned

- data required `object` The data the fields will read from.

- hide empty `condition` If `true` given, we will automatically hide all empty fields.

- key class `uiclass` The class applied to the key view.

- field class `uiclass` The class applied to the field view.

- class `uiclass` Assigns a CSS class to the element. • Hidden when unused

- style `uistyle` Applies inline CSS style to the element • Hidden when unused

- attributes `uiattributes` Adds custom attributes to the element. • Hidden when unused

- state `state` Returns the element to the frontend state.

A typical wiring for [vertical aligned fields](https://docs.rual.nl/block-types/state%2520elements/state_vertical_fields): [new object](https://docs.rual.nl/block-types/object/object_new_fields) feeds the `object` pin; the `state` out pin feeds [get component child](https://docs.rual.nl/block-types/state%2520actions/state_component_get_child).

![Studio canvas example for the vertical aligned fields block: typical wiring for vertical aligned fields.](https://docs.rual.nl/canvas-examples/state_vertical_fields.png)

### Version history

Introduced in [`v13.0.1`](https://docs.rual.nl/core-versions/130001).

Last modified in [`v13.0.6`](https://docs.rual.nl/core-versions/130006).

- [Back to](https://docs.rual.nl/block-types/): Return to the main group to view all sub-groups

- [Back to `state elements`](https://docs.rual.nl/block-types/?group=state%20elements): Return to the group to view all blocks within this group