# Tray Element

{% columns %}
{% column width="66.66666666666666%" valign="middle" %}
The Tray element allows you to add a tray icon to your users home screen. This is useful for applications running in the background.\
\
The tray widget appears at the bottom-right of the screen on Windows, and on the top-right menubar on macOS.
{% endcolumn %}

{% column width="33.33333333333334%" %}

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

<figure><img src="/files/IMcgMBE0VqSSlJME3XD2" alt=""><figcaption></figcaption></figure>
{% endcolumn %}
{% endcolumns %}

When setting your tray icon, there are differences between each platform. For the perfect set up, you'll need to specify different icon for each platform.\
\
However, for a quick and easy solution, provide one size (64x64, 144dpi .png), and Deskifier will convert the icon to the desired size.<br>

<table><thead><tr><th width="130.33333333333331">Platform</th><th width="239">Desired Size &#x26; Type</th><th>Notes</th></tr></thead><tbody><tr><td>macOS</td><td>32x32 (144 DPI) .png</td><td>Specify if this icon supports dark mode. This is referred to as a <a href="https://www.electronjs.org/docs/latest/api/native-image#template-image-macos"><mark style="color:blue;">TemplateImage</mark></a><mark style="color:blue;">.</mark></td></tr><tr><td>Windows</td><td>64x64 .png</td><td></td></tr><tr><td>Linux</td><td>24x24 .png</td><td></td></tr></tbody></table>

## Tray Element Actions

{% content-ref url="/pages/3c0FOtfV01XSD8akAyZS" %}
[Actions](/deskifier/deskifier-bubble.io-docs/tray-element/actions.md)
{% endcontent-ref %}

## Tray Element Events

{% content-ref url="/pages/HJh8oNK1Utw7t91UleVD" %}
[Events](/deskifier/deskifier-bubble.io-docs/tray-element/events.md)
{% endcontent-ref %}

## Tray Element States

{% content-ref url="/pages/c1ht2AqDQPNo2wycACFF" %}
[States](/deskifier/deskifier-bubble.io-docs/tray-element/states.md)
{% endcontent-ref %}


---

# 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://deskifier.gitbook.io/deskifier/deskifier-bubble.io-docs/tray-element.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.