<WRAP hide>%%<!-- googleoff: index -->%%</WRAP>
<WRAP center notice centeralign>
**⚠️ v4.0 UI Transition Notice - In Process:**
//The release of Total Launcher v4.0 has introduced significant user interface changes. Please note that this 
page does not yet reflect these updates. The new layout paths, folds, and visual maps are currently being 
compiled and will be deployed shortly.//
</WRAP>
<WRAP hide>%%<!-- googleon: index -->%%</WRAP>


----


ui-sliding_drawer

created by ui-ui_anim-sliding_drawer


=====  Sliding Drawer Options  =====

**Location:**
  * ''Edit mode'' > ++''Edit Off'' icon|{{:ui:ui-icon_edit_mode-edit_off-v4.webp?direct&100}}++ to ++''Edit On'' icon|{{:ui:ui-icon_edit_mode-edit_on-v4.webp?direct&35}}++ > Tap the page to open it > Open the sliding drawer (right, left, top, or bottom) > Tap/hold the container to select to reveal the ++Edit menu.|{{:ui:ui-ui_anim-sliding_drawer-menu-edit-v4.webp?direct&150|Edit menu}}++ > ++tap the pencil icon |{{:ui:ui-icon_edit-v4.webp?direct&25|Edit icon}}++ > view the open the container option icon ++seen here.|{{:ui:ui-ui_anim-sliding_drawer-container_option-v4.webp?direct&200|Sliding drawer option icon}}++ > ++Option icon |{{:ui:ui-icon_option-v4.webp?direct&25|Options icon}}++ to open the Sliding Drawer Edit Options dialog, shown below.

Dialog selections are discussed below the image. To navigate to an item, select it in the Sliding Drawer Options 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-ui_anim-sliding_drawer-edit-options-v4.webp?200|Sliding Drawer Options}}
[[:ui:ui-option-action_tap-selection|ID1|Action on open@14,35,188,61]]
[[:ui:ui-option-action_tap-selection|ID2|Action on close@14,141,188,169]]
[[:ui:ui-generic-background|ID3|Background@14,281,189,310]]
{{cfg>}}
{
}
{{<cfg}}
{{<imapmarkers}}
<wrap hi>**Sliding Drawer Options dialog. Make selection above.**</wrap>

The following elements in the above dialog can be tapped for navigation and are discussed below:
  * **Action on open** - Specifies a Total Launcher action, application shortcut, or command to execute automatically whenever the drawer opens.
  * **Action on close** - Specifies a Total Launcher action, application shortcut, or command to execute automatically whenever the drawer closes.
  * **Background** - Selects the fill color or image used for the drawer's background. The displayed code (e.g., ''#00000000'') represents the current color value and alpha transparency.

Other elements in the above dialog are discussed below:
  * **Delay of action on open** - Sets the wait time in milliseconds before the configured opening action executes. A value of ''0'' indicates immediate execution.
  * **Delay of action on close** - Sets the wait time in milliseconds before the configured closing action executes. A value of ''0'' indicates immediate execution.
  * **Stretch background** - Determines whether the selected background image or color scales to fill the entire available space of the sliding drawer.

```

Other notable elements in the above image:
  * **Stretch background** -

<WRAP noprint>

{{page>site:site-footer-comment_feedback_block}}

</WRAP>

<wrap hide>
===== Hidden Index Anchors =====
[[:ui:ui-background|ID1|Background@33,52,97,80]]
[[:start|ID2|Action on open@35,115,192,153]]
[[:start|ID3|Delay of action on open@34,165,139,191]]
[[:start|ID4|Action on close@36,202,189,236]]
[[:start|ID5|Delay of action on close@35,250,140,273]]
{{cfg>}}
{
}
{{<cfg}}
</wrap>