meta data for this page
  •  

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revisionPrevious revision
Next revision		Previous revision
section:section-layout-list [2026/07/24 22:17] – dorepssection:section-layout-list [2026/07/28 21:49] (current) – doreps
Line 1: Line 1:
-====== List Layout Configuration (Unique) ======+====== Total Launcher List Layout: Configuring Vertical Homescreen Menu ======
  
-The List Layout in Total Launcher provides specialized options for organizing graphic objects and app shortcuts into a vertical scrolling sequence. This guide details the specific parameters found within the **Options** (General) tab unique to this linear arrangement type. For comprehensive instructions regarding shared global properties—including shared **Icon**, **Label**, **Shadow**, and **Background** visual configuration tabs—please refer to the primary section **[[:section:section-layout-landing|Layout,]]**. +The List Layout provides specialized structural controls for organizing graphic objects and app shortcuts into a vertical scrolling sequence. Implementing this linear arrangement type is ideal for crafting highly functional sidebars, app drawers, or sequential menus within a custom setup. Configuring the precise number of viewable rows and mapping specific launch animations directly determines the overall navigational experience. The following section details exactly how to configure these unique linear parameters within the general options menu. 
- +===== Unique List Options (General) ===== 
-===== List Layout Procedure ===== +<WRAP round right> 
-Follow the sequence to apply modifications to the list (linear) layout that is already on the page: +➡️ See the section for review of <wrap button>[[section-layout|Layouts]]</wrap> common dialog options. 
-  - Enter [[:section:section-basic_editing#to_enter_edit_mode|Edit Mode]]. Tap the ++''Edit Off'' icon|{{:ui:ui-icon_edit_mode-edit_off-v4.webp?direct&100}}++ in the lower right to change it to an ++''Edit On'' icon|{{:ui:ui-icon_edit_mode-edit_on-v4.webp?direct&35}}++ +</WRAP> 
-    - Tap-hold the list object to select it. +<WRAP clear b/>
-    - In the ++Object Design Menu (top)|{{:ui:ui-icon_object_design_menu_top-v4.webp?direct&150}}++ select the ++Option icon|{{ :ui:ui-icon_option-25-v4.webp}}++. +
-  - Review the menu panels indicated at the bottom of the interface. +
-    - Select ''OPTIONS'' to modify the static parameters. +
-    - Select ''ANIMATION'' to adjust dynamic behaviors. +
-  - Apply the desired variable changes within the respective menus.+
 <WRAP hscroll_box> <WRAP hscroll_box>
 <WRAP> <WRAP>
-===== Unique Options (General) ===== +The **General** Options panel controls the behavior unique to this layout type: 
- +  * **List** 
-The General Options panel controls the linear stack behavior unique to this layout type. Refer to **{{:ui:ui-layout_list-dialog_general-v4.webp|image_7.png}}** for visual context. +    *  **Rows:** Defines the total number of horizontal rows available that are viewable within the list container. The range is ''1'' to ''16''. Columns are fixed at 1. Scrolling (vertically) will display additional content beyond the set row number. 
- +    *  **Launch animation:** - Set the animation triggered when activating an item. See [[ui:ui-option-action_tap-launch_animation|here]] for a complete review. Note that this selection requires the ''PRO'' version upgrade.
-   *  **Rows:** Defines the total number of horizontal rows available within the list container. This setting determines the capacity of the list; increasing the count adds additional interaction slots sequentially. The range is ''1'' to ''16''. (Columns are fixed at 1.) +
-   *  **Launch animation:** - Set the animation triggered upon launching an item. Note that this selection requires the ''PRO'' version upgrade. +
- +
-==== Launch Sound (Shared Behavior) ==== +
-While present in the general options, these trigger points exist across all layout types. +
-  *  **Tap, Swipe up, Swipe down, Swipe left, Swipe right:** Assign device audio files to be played upon specific physical interaction types. +
-Assign a specific interaction to play a device sound (see [[section-sound|Resource - Sound]] when any of the objects in the list layout receives that interaction.  +
-<WRAP alert centeralign> What this means ...\\ A sound selected for any interaction will play for all objects in the layout that receive that same interaction. For example, a ''tap'' will cause the same sound on any list item 'tapped'. +
-</WRAP> +
-  * **Tap:** - Select the sound played upon a single tap. +
-  * **Swipe up:** - Select the sound played upon an upward swipe. +
-  * **Swipe down:** - Select the sound played upon a downward swipe. +
-  * **Swipe left:** - Select the sound played upon a leftward swipe. +
-  * **Swipe right:** - Select the sound played upon a rightward swipe.+
 </WRAP> </WRAP>
 <WRAP> <WRAP>
-{{:ui:ui-layout-list-general_sound-v4.webp?direct&150}}+{{:ui:ui-layout-list-general-v4.webp?direct&150}}
 </WRAP> </WRAP>
 </WRAP> </WRAP>
-   *  **Label:** Dictates the typography for text descriptions associated with contained items. This encompasses typeface selection, vertical wrapping (Label lines), sizing, scaling, and the transition of color when an object is pressed or interacted with.  +<WRAP noprint>{{page>site:site-footer-comment_feedback_block}}</WRAP>
-<WRAP hscroll_box> +
-<WRAP 350px> +
-==== Options - Label ==== +
-Control the display parameters and typography of the text associated with each grid item. +
-  * **Show label:** - Toggle the visibility state of the text labels to On or Off. +
-  * **Typeface:** - Select the specific font family applied to the label text. +
-  * **Label lines:** - Determine the maximum number of lines permitted for text wrapping, ranging from ''1'' to ''3''. +
-  * **Font size:** - Adjust the structural point size of the label text. +
-  * **Scale X (%):** - Stretch or compress the text width horizontally. +
-  * **Text color:** - Define the primary resting color of the text using the Launcher's [[:section:section-color_picker|Color Picker]] and apply a hexadecimal value such as ''#FFFFFFFF''.] +
-  * **Text color (pressed):** - Same as ''Text color'' above, but changes the text color as the object is 'pressed' or tapped. +
-</WRAP> +
-<WRAP> +
-{{:ui:ui-layout-label-v4.webp?direct&200}} +
-</WRAP> +
-</WRAP> +