---
title: Layout Group Component
description: "Related Classes - SLayoutComponent - ULayoutComponent - ULayoutGroupComponent ## SUMMARY This component is used to group components (layout component). Child components will be placed in the same component space, enabling new behavior. For example, you can move the whole group,…"
url: "https://www.lostingamestudio.com/documentation/touch-interface-designer/touch-interface-layout/group-input-component/"
updated: "2025-12-17"
category: Touch Interface Layout
---

# Layout Group Component

Related Classes

- SLayoutComponent
- ULayoutComponent
  - ULayoutGroupComponent

## SUMMARY

This component is used to group components (layout component). Child components will be placed in the same component space, enabling new behavior. For example, you can move the whole group, enable group re-centering, which allows components to follow the main component, show or hide certain components in the group, etc.

## USER INTERACTIONS ON A GROUP

The Layout Group Component inherits from the Layout Component, and therefore inherits input support. To enable input support for a group, check the ***Support Input*** box in the details panel and then define the logic.

## COMPONENT OPERATION ON A GROUP

**Get Component**

To retrieve a child from the group, you can first check that it exists in the group with ***Contain Component By Name*** and then retrieve it with ***Get Component By Name***.

![](https://www.lostingamestudio.com/wp-content/uploads/2025/03/GetComponentInGroup-1024x266.png)
Get Component in layout, Cast to Layout Group Component (assume that component is group) and then get component in group

![](https://www.lostingamestudio.com/wp-content/uploads/2025/03/GetComponentInGroup_02.png)
Look Group is Layout Group Component. Get Component by Name.

**Add Child**

You can add a child to a group in two ways: either by creating a child directly or by adding a layout component that already exists in the layout.

![](https://www.lostingamestudio.com/wp-content/uploads/2025/03/AddChild-2.png)

![](https://www.lostingamestudio.com/wp-content/uploads/2025/03/AddChildByRef.png)

**Remove Child**

To remove a child from the group, simply use the ***Remove Component By Name*** or ***Remove Component From Group*** functions.

Note that the deleted component remains valid as long as it is referenced somewhere. This means that you reference this component in a variable, for example. If it is no longer referenced, it will be removed from memory by the garbage collector on the next pass.

**Show or Hide Child**

The Layout Group Component has several features that allow you to show or hide one or more child elements. The function names clearly describe what they do.

The Layout Group Component has several features that allow you to show or hide one or more child elements. The function names clearly describe what they do. For example, you can hide all child elements or only some of them.