======  Launcher Options: UI & Animation - Sliding Drawer  ======

Dialog selections are discussed below the Launcher Options: UI & Animation - Sliding Drawer image. Clicking a selection will navigate to the topic discussion. 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 {{:ui:ui-doku_link-backlink.webp?direct&35|Backlink icon}} icon on the right sidebar (mobile: drop-down dialog at the top of the page).

{{imapmarkers>:ui:ui-ui_anim-sliding_drawer-v4.webp?300|Sliding Drawer Options}}
[[#on_the_left|ID1|On the left@22,56,284,85]]
[[#on_the_right|ID2|On the right@21,121,285,149]]
[[#on_the_top|ID3|On the top@23,184,285,212]]
[[#on_the_bottom|ID4|On the bottom@22,249,284,277]]
[[#erase_background|ID5|Erase behind@22,304,283,366]]
{{cfg>}}
{
}
{{<cfg}}
{{<imapmarkers}}

<wrap hi>**Launcher Options: UI & Animation - Sliding Drawer dialog. Make a selection above to view a demo of the effect.**</wrap>

=== Advantages ===
The **Sliding Drawer** defaults to an //empty hidden// container where user-selected objects (such as apps, widgets, folders) can be added. It offers these functional advantages:
  * **Location** - hides and is exposed from the 4 edges: top, right, bottom, and left
  * **Built-in** - These are //turned on// by checking them in the dialog shown above and accessed via
    * ''Main menu'' > ''Launcher options'' > ''UI & Animations'' > ''Sliding drawers''
  * Activated by a gesture: swipe in the opposite direction of the drawer location

=== Disadvantages ===
  * **Memory Usage** - It has been cited in a [[https://t.me/OfficialTotalLauncher/20684|Telegram post]] (but not found in official Total Launcher documentation) that sliding drawers use more device memory, which could be of concern. The alternative would be to use a ''window'', which is cited as using system cache. ''Windows'' are known to have a slightly delayed activation response.

The **Sliding Drawer**  can be set as the Launcher's **App Drawer**, discussed in detail [[:section:section-widget#widget:_application|here]], which is a free-standing widget.

=== Issues & Resolutions ===
The Slide Drawer can have issues as noted below:
  * **Conflict with Android** - The //from the edge// gesture to activate the sliding drawer can be intercepted by Android's built-in gesture. Frequently, the ''On the top'' setting for the sliding drawer will result in Android dropping down the ''Notification shade''. Hacks to give the sliding drawer a priority edge are:
    * **Gesture ON** - In the default setting (OFF), TL gestures are not activated. To turn this switch on
      * ''Edit On'' > ''Launcher options'' > ''Keys & Gestures'' > ''Advanced'' > ''Gesture animation''
    * **Drawer handle** - TL's widget provides an activator object which can be set for any of the 4 sliding drawer locations.
      * The drawer handle widget is located at ''Edit ON'' > ''Add'' > ''Widget'' > ''Built-in'' > ''Drawer handle''
      * See a demo ++here|{{:ui:ui-ui_anim-sliding_drawer-drawer_handles_with_erase_background-video.gif}}++ with the handles at at the top-left (''On the top''), then top-right (''On the right''), bottom-right (''On the bottom''), and then bottom-left (''On the left'').
    * **Hidden Object** - Similar to the Drawer Handle widget, a user can create an object, adjust its size and location as desired, set the object's color to transparency (ARGB ''00000000''), and then set the object's ''Tap on action'' to open the desired drawer
      * In Edit ON mode and Object Design menu visible, ''Action'' > ''Tap'' [or the other 4 choices] > ''Launcher action'' > ''Open the <select> drawer''.

==== Demos ====

The demos shown are for visualization purposes only. The UI & Animation dialog only provides for a selection and //not// a demo or sliding drawer actually opening. Additional options for the sliding drawer are available by editing the sliding drawer:
  * ''Edit on'' > (open the drawer, tap/hold edge)
  * Drawer boundaries are highlighted; tap the edit {{:ui:ui-icon_edit-v4.webp?direct&25|Edit icon}} icon in the Object Design menu (top), then tap the option {{ui:ui-icon_option-v4.webp?25|Option icon}} icon in the lower right corner
  * "On the ..." option dialog opens
  *To navigate to the section fully describing this process, click [[:ui:ui-sliding_drawer|here]].

=== On the left ===
  * With a see-through background, see demo ++here|{{:ui:ui-ui_anim-sliding_drawer-left-video.gif}}++.

=== On the right ===
  * With a see-through background, see demo ++here|{{:ui:ui-ui_anim-sliding_drawer-right-video.gif}}++.

=== On the top ===
  * With a see-through background, see demo ++here|{{:ui:ui-ui_anim-sliding_drawer-top-video.gif}}++.

=== On the bottom ===
  * With a see-through background, see demo ++here|{{:ui:ui-ui_anim-sliding_drawer-bottom-video.gif}}++.

=== Erase Background ===
  * The default action of an opening sliding drawer is to open on top of objects with those objects still being visible. By checking this option in ''Main menu'' > ''Launcher options'' > ''UI & Animations'' > ''Sliding drawers'' > ''Erase background'', the underlying objects will be erased.
    * See demo ++here|{{:ui:ui-ui_anim-sliding_drawer-drawer_handles_with_erase_background-video.gif}}++.

==== Other Discussions ====
See the section [[:section:section-ui_anim-sliding_drawer|Sliding Drawers]] for more information.

<WRAP noprint>{{page>site:site-footer-comment_feedback_block}}</WRAP>

<wrap hide>
===== Hidden Index Anchors =====

</wrap>