---
title: How to modify the appearance of the layout component?
description: "## In Editor To define the appearance of a layout component, you need to add decorators that will add images, text, progress bar and other effects to the component. Right-click on the component in the component tree and select a…"
url: "https://www.lostingamestudio.com/documentation/touch-interface-designer/tutorial/how-to-modify-the-appearance-of-the-layout-component/"
updated: "2025-12-15"
category: Examples / Tutorial
---

# How to modify the appearance of the layout component?

## In Editor

To define the appearance of a layout component, you need to add decorators that will add images, text, progress bar and other effects to the component.

Right-click on the component in the component tree and select a decorator. There are several types of decorators. The basic decorator allows you to add an image or material to the layout component. For more information on the available decorators and their effects, go to the [Layout Component Decorator](https://www.lostingamestudio.com/documentation/touch-interface-designer/layout-component-decorator/) category.

![](https://www.lostingamestudio.com/wp-content/uploads/2025/12/AddDecorator-1024x575.png)

## At Runtime

Use the functions of the Layout Component class (ULayoutComponent) to alter the component's appearance. You can add, remove, or modify all of the component's decorators.

![](https://www.lostingamestudio.com/wp-content/uploads/2025/12/ModifyAppearanceAtRuntime_03-1024x558.png)

![](https://www.lostingamestudio.com/wp-content/uploads/2025/12/ModifyAppearanceAtRuntime_01-1024x289.png)

![](https://www.lostingamestudio.com/wp-content/uploads/2025/12/ModifyAppearanceAtRuntime_02-1024x379.png)