======  Transition ID  ======

Dialog selections are discussed below the image. To navigate to an item, select it in the [insert] image. If NOT selecting any item and wanting to return to the prior page: swipe right-to-left; use the browser’s ‘back’ arrow; or use the Wiki’s Backlink icon {{ui:ui-doku_link-backlink-v4.webp?direct&30|Backlink icon}} on the right sidebar (mobile: drop-down dialog at the top of the page).

{{imapmarkers>:ui:ui-animation-transition_id-dialog-v4.webp?300|Transition ID dialog}}
[[:ui:ui-animation-no_exit|ID1|Cancel@170,151,224,180]]
[[:ui:ui-animation-no_exit|ID2|OK@228,150,276,179]]
{{cfg>}}
{
}
{{<cfg}}
{{<imapmarkers}}
<wrap hi>**Transition ID dialog. Make selection above.**</wrap>

The explanation of this dialog is as follows:

  * **Transition ID:** This demo does not allow for input. However, the key points are shown below.
    * The Transition ID acts as a digital handshake that connects two separate objects so they can fluidly morph into each other. For this effect to work, assign the exact same ID to both the starting object and its destination target, and the two items cannot share the same space; typically, one sits on a main page while the other waits inside a pop-up window or on another screen. When the window opens or closes, Total Launcher spots the matching IDs and animates a seamless transformation between their positions, shapes, and sizes instead of triggering a standard slide or fade.
    * These identifiers are **case-sensitive** and **must match** character for character. //To prevent connection issues, stick to simple lowercase letters, numbers, and underscores while steering clear of spaces and special punctuation.// Choosing a descriptive name like `music_art_cover` or `weather_card_main` saves guesswork as the layout expands, ensuring the paired objects link up without a hitch.

  * **Cancel:** Changes previous or current settings to default and returns the user to the prior page.

  * **OK:** Accepts the current input and returns the user to the prior page.

<wrap hide>
===== Hidden Index Anchors =====
[[:ui:ui-animation-no_exit]]
</wrap>
<WRAP noprint>{{page>site:site-footer-comment_feedback_block}}</WRAP>