# Customizing UI

{% hint style="info" %}
When customizing the UHFPS UI, the first problem you run into is that the canvas is black. This is due to a fading background effect that fades out on the screen when the game starts. This effect prevents you from seeing unwanted things while the game is loading (moving props etc.).
{% endhint %}

To start seeing UI elements, simply toggle off the **Background** Image component or GameObject.

<figure><img src="/files/1DGGUD4e7E36O1ek2xI6" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
The second issue you may run into is that some UI elements are not displayed even when they should be. This is because some panels need to be enabled but not displayed in order to ensure that some features are updated. This is achieved by using the **Canvas Group** component, in which you can change the alpha of child elements.
{% endhint %}

By changing the alpha to 1, the UI elements will start to be displayed.

<figure><img src="/files/aAjlvlqoQqZKklGJgxrr" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
After customizing the UI, don't forget to change the **Alpha** back to the previous state and enable **Background** Image or GameObject.
{% endhint %}


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.twgamesdev.com/uhfps/guides/customizing-ui.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.