> ## Documentation Index
> Fetch the complete documentation index at: https://docs.phantom.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Display apps within dialogs

> Configure your app's title and icon to display correctly in Phantom connection and transaction approval dialogs.

<img src="https://mintcdn.com/phantom-e50e2e68/fkWrmnMWhjoXSGZ9/best-practices/images/displayingappswithindialogs.jpeg?fit=max&auto=format&n=fkWrmnMWhjoXSGZ9&q=85&s=744dde73937e9703b563d626f0b482dd" alt="An example app displayed within a dialog" width="768" height="480" data-path="best-practices/images/displayingappswithindialogs.jpeg" />

When an app is [establishing a connection](../solana/establishing-a-connection) or [sending a transaction](../solana/sending-a-transaction), Phantom will present the user with the above dialogs. In order to display the title and icon for these dialogs, Phantom will inspect the application's HTML for the following items:

| Value | Primary lookup                                                         | Secondary lookup                                                                          | Fallback       |
| ----- | ---------------------------------------------------------------------- | ----------------------------------------------------------------------------------------- | -------------- |
| Title | [Open Graph title](https://ogp.me/)                                    | [Document Title Element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/title) | None           |
| Icon  | [Apple touch icon](https://www.computerhope.com/jargon/a/appletou.htm) | [Favicon](https://developer.mozilla.org/en-US/docs/Glossary/Favicon)                      | A default icon |
