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
ui:ui-folder-options-folder_style [2026/06/01 20:35] – dorepsui:ui-folder-options-folder_style [2026/06/01 21:09] (current) – doreps
Line 7: Line 7:
     * ''Edit ON'' > slight tap folder to open top Edit menu bar > ''Edit''(pencil)     * ''Edit ON'' > slight tap folder to open top Edit menu bar > ''Edit''(pencil)
  
-<WRAP group> +<WRAP GROUP> 
-<WRAP box center 90%> +<WRAP third column> 
-| {{:ui:ui-folder-edit-folder_style.webp}} | This dialog screen shows options for:\\ • **Max column number** - Defines the maximum number of columns (range 2 - 10) for items displayed within the folder. See ++the dialog here.|{{:ui:ui-folder-style-column.webp?direct&200}}++\\ • **Max row number** - Defines the maximum number of rows (range 2 - 10) for items displayed within the folder. See ++the dialog here.|{{:ui:ui-folder-style-row.webp?direct&200}}++\\ • **Item width** - Sets a specific width for items inside the folder. Range is 0 - 575 with a default of ''0'' which represents approximately a 275 setting. Less than shrinks < 275 > greater than enlarges. See ++the dialog here.|{{:ui:ui-folder-style-item_width.webp?direct&200}}++\\ • **Item height** - Sets a specific height (or vertical separation) for items inside the folder. Range is 0 - 862 with a default of ''0'' which represents approximately a 375 setting. Less than decreases < 375 > and more than increases. See ++the dialog here.|{{:ui:ui-folder-style-item_height.webp?direct&200}}++\\ • **Sort order** - Determines how items inside the folder are arranged, such as by • User defined • Name or • Smart (frequency of use). See ++the dialog here.|{{:ui:ui-folder-style-sort_order.webp?direct&200}}++\\ • **System scroll animation** - Check the box to enable the device system to control animation when scrolling through folder contents.\\ • **Animation duration (ms)** - Sets the length of the opening and closing folder animations in milliseconds with a range of 0 - 400 (default) - 800. See ++the dialog here.|{{:ui:ui-folder-style-animation_duration.webp?direct&200}}++\\ • **Center in the screen** - Check this box to align the opened folder to the exact center of the device screen.\\ • **Gesture to close** - Assigns a specific swipe gesture to close the open the selected folder. See ++the dialog here.|{{:ui:ui-folder-style-gesture_close.webp?direct&200}}++\\ • **Entering or Exiting sound** - Selects an 'Resource' audio file to play when the folder is opened or closed. All 'Resource' areas (image, sound, window, shape, etc.) must have objects imported or be user-created versus pre-installed. See ++the dialog here.|{{:ui:ui-folder-style-enter_sound.webp?direct&200}}++\\ • **Background** - Sets the primary background to 1 of 5 options for the open folder window. Navigate [[:ui:ui-generic-background_selection|here]] to see more options.\\ • **Show shadow** - Check the box to enable a drop shadow visual effect behind the open folder (not the object representing the folder, such as an icon, on the page.\\ • **Margins** - Adjusts the interior spacing on the left, top, right, and bottom of the folder container. Navigate [[:section:section-margins-page_and_object#margin_dialog_controls|here]] for a full understanding on the effect of margins.\\ • **Item background** - Sets a background color or image for individual items within the folder. Navigate [[:ui:ui-generic-background_selection|here]] to see more options.\\ • **Item background (pressed)** - Sets the background color or image displayed when an item is actively pressed. Navigate [[:ui:ui-generic-background_selection|here]] to see more options.\\ • **Item background (focused)** - Sets the background color or image displayed when an item is highlighted. Navigate [[:ui:ui-generic-background_selection|here]] to see more options.\\ • **Icon size** - Adjusts the visual dimensions of the icons displayed inside the folder. See ++the dialog here.|{{:ui:ui-folder-style-icon_size.webp?direct&200}}++\\ • **Icon opacity(%)** - Sets the transparency level of the icons inside the folder. See ++the dialog here.|{{:ui:ui-folder-style-icon_opacity.webp?direct&200}}++\\ • **Icon saturation(%)** - Adjusts the color intensity of the icons inside the folder. See ++the dialog here.|{{:ui:ui-folder-style_icon_saturation.webp?direct&200}}++\\  +| {{:ui:ui-folder-edit-folder_style.webp?275}} | 
-• **Icon color filter** - Applies a specific color overlay or filter to the folder icons. See ++the dialog here.|{{:ui:ui-folder-style-icon_color_filter.webp?direct&200}}++\\ • **Show label** - Toggles the visibility of text labels positioned beneath the icons inside the folder.\\ • **Typeface** - Selects the specific font style used for the item labels. Navigate [[:ui:ui-resources-typeface|here]] to see more options.\\ • **Label lines** - Determines the number of text lines (range 1 - 3) used for the item labels in the folder. See ++the dialog here.|{{:ui:ui-folder-style-label-lines.webp?direct&200}}++\\ • **Font size** - Sets the typographic size of the text used for the item labels. See ++the dialog here.|{{:ui:ui-folder-style-icon_font_size.webp?direct&200}}++\\ • **Scale X(%)** - Adjusts the horizontal width scaling of the text labels. See ++the dialog here.|{{:ui:ui-folder-style-label-scale(X%).webp?direct&200}}++\\ • **Text color** - Sets the primary color for the text labels. Navigate [[:ui:ui-generic-color_picker-section|here]] to see more options.\\ • **Text color (pressed)** - Sets the color of the text label when the corresponding item is actively pressed. Navigate [[:ui:ui-generic-color_picker-section|here]] to see more options.\\ • **Shadow radius** - Defines the blur intensity for the shadow effect rendered behind the text labels. Set to ''0'' to disable. See ++the dialog here.|{{:ui:ui-graphic-selection-text-default-option-edit-shadow_radius.webp?direct&200}}++\\ • **Shadow offset X** - Controls the horizontal distance of the text shadow from the label. See ++the dialog here.|{{:ui:ui-graphic-selection-time_event-text-shadow_offsetx.webp?direct&200}}++\\ • **Shadow offset Y** - Controls the vertical distance of the text shadow from the label.See ++the dialog here.|{{:ui:ui-graphic-selection-text-default-option-edit-shadow_offset_y.webp?direct&200}}++\\ • **Shadow color** - Sets the color used for the text label shadow.Navigate [[:ui:ui-generic-color_picker-section|here]] to see more options.\\ • **Icon layout** - Configures the visual arrangement and style of the mini-icons when displayed as a thumbnail on the home screen. See ++the dialog here.|{{:ui:ui-folder-style-thumnail_layout.webp?direct&200}}++\\  +</WRAP> 
-• **Icon scale(%)** - Adjusts the size of the thumbnail mini-icons relative to the folder's exterior icon. See ++the dialog here.|{{:ui:ui-folder-style-thumnail_scale(%).webp?direct&200}}++\\ • **Icon offset X(%)** - Shifts the horizontal position of the thumbnail mini-icons within the folder icon. See ++the dialog here.|{{:ui:ui-folder-style-thumnail_offset_x(%).webp?direct&200}}++\\ • **Icon offset Y(%)** - Shifts the vertical position of the thumbnail mini-icons within the folder icon. See ++the dialog here.|{{:ui:ui-folder-style-thumbnail_offset_y(%).webp?direct&200}}++\\ • **Background** - Defines the background image or color for the closed folder's exterior thumbnail icon. Navigate [[:ui:ui-generic-background_selection|here]] to see more options.\\ • **Foreground** - Defines a foreground overlay image or color for the closed folder's exterior thumbnail icon. ✘Navigate (need new image) [[:ui:ui-folder-style-label-thumbnail-foreground|here]] to see more options.\\ • **Mask** - Applies a geometric shape mask to crop or frame the folder's exterior thumbnail icon.See ++the dialog here.|{{:ui:ui-folder-style-thumnail_mask.webp?direct&200}}++ |+<WRAP twothirds column> 
 +| This dialog screen shows options for:\\ \\ **General**:\\ \\ • **Max column number** - Defines the maximum number of columns (range 2 - 10) for items displayed within the folder. See ++the dialog here.|{{:ui:ui-folder-style-column.webp?direct&200}}++\\ \\ • **Max row number** - Defines the maximum number of rows (range 2 - 10) for items displayed within the folder. See ++the dialog here.|{{:ui:ui-folder-style-row.webp?direct&200}}++\\ \\ • **Item width** - Sets a specific width for items inside the folder. Range is 0 - 575 with a default of ''0'' which represents approximately a 275 setting. Less than shrinks < 275 > greater than enlarges. See ++the dialog here.|{{:ui:ui-folder-style-item_width.webp?direct&200}}++\\ \\ • **Item height** - Sets a specific height (or vertical separation) for items inside the folder. Range is 0 - 862 with a default of ''0'' which represents approximately a 375 setting. Less than decreases < 375 > and more than increases. See ++the dialog here.|{{:ui:ui-folder-style-item_height.webp?direct&200}}++\\ \\ • **Sort order** - Determines how items inside the folder are arranged, such as by • User defined • Name or • Smart (frequency of use). See ++the dialog here.|{{:ui:ui-folder-style-sort_order.webp?direct&200}}++\\ \\ • **System scroll animation** - Check the box to enable the device system to control animation when scrolling through folder contents.\\ \\ • **Animation duration (ms)** - Sets the length of the opening and closing folder animations in milliseconds with a range of 0 - 400 (default) - 800. See ++the dialog here.|{{:ui:ui-folder-style-animation_duration.webp?direct&200}}++\\ \\ • **Center in the screen** - Check this box to align the opened folder to the exact center of the device screen.\\ \\ • **Gesture to close** - Assigns a specific swipe gesture to close the open the selected folder. See ++the dialog here.|{{:ui:ui-folder-style-gesture_close.webp?direct&200}}++\\ \\ • **Entering or Exiting sound** - Selects an 'Resource' audio file to play when the folder is opened or closed. All 'Resource' areas (image, sound, window, shape, etc.) must have objects imported or be user-created versus pre-installed. See ++the dialog here.|{{:ui:ui-folder-style-enter_sound.webp?direct&200}}++\\ \\ **Background**\\ \\ • **Background** - Sets the primary background to 1 of 5 options for the open folder window. Navigate [[:ui:ui-generic-background_selection|here]] to see more options.\\ \\ • **Show shadow** - Check the box to enable a drop shadow visual effect behind the open folder (not the object representing the folder, such as an icon, on the page.\\ \\ • **Margins** - Adjusts the interior spacing on the left, top, right, and bottom of the folder container. Navigate [[:section:section-margins-page_and_object#margin_dialog_controls|here]] for a full understanding on the effect of margins.\\ \\ • **Item background** - Sets a background color or image for individual items within the folder. Navigate [[:ui:ui-generic-background_selection|here]] to see more options.\\ \\ • **Item background (pressed)** - Sets the background color or image displayed when an item is actively pressed. Navigate [[:ui:ui-generic-background_selection|here]] to see more options.\\ \\ • **Item background (focused)** - Sets the background color or image displayed when an item is highlighted. Navigate [[:ui:ui-generic-background_selection|here]] to see more options.\\ \\ **Icon**:\\ \\ • **Icon size** - Adjusts the visual dimensions of the icons displayed inside the folder. See ++the dialog here.|{{:ui:ui-folder-style-icon_size.webp?direct&200}}++\\ \\ • **Icon opacity(%)** - Sets the transparency level of the icons inside the folder. See ++the dialog here.|{{:ui:ui-folder-style-icon_opacity.webp?direct&200}}++\\ \\ • **Icon saturation(%)** - Adjusts the color intensity of the icons inside the folder. See ++the dialog here.|{{:ui:ui-folder-style_icon_saturation.webp?direct&200}}++\\ \\ • **Icon color filter** - Applies a specific color overlay or filter to the folder icons. See ++the dialog here.|{{:ui:ui-folder-style-icon_color_filter.webp?direct&200}}++\\ \\ **Label**:\\ \\ • **Show label** - Toggles the visibility of text labels positioned beneath the icons inside the folder.\\ \\ • **Typeface** - Selects the specific font style used for the item labels. Navigate [[:ui:ui-resources-typeface|here]] to see more options.\\ • **Label lines** - Determines the number of text lines (range 1 - 3) used for the item labels in the folder. See ++the dialog here.|{{:ui:ui-folder-style-label-lines.webp?direct&200}}++\\ \\ • **Font size** - Sets the typographic size of the text used for the item labels. See ++the dialog here.|{{:ui:ui-folder-style-icon_font_size.webp?direct&200}}++\\ \\ • **Scale X(%)** - Adjusts the horizontal width scaling of the text labels. See ++the dialog here.|{{:ui:ui-folder-style-label-scale(X%).webp?direct&200}}++\\ \\ • **Text color** - Sets the primary color for the text labels. Navigate [[:ui:ui-generic-color_picker-section|here]] to see more options.\\ \\ • **Text color (pressed)** - Sets the color of the text label when the corresponding item is actively pressed. Navigate [[:ui:ui-generic-color_picker-section|here]] to see more options.\\ \\ • **Shadow radius** - Defines the blur intensity for the shadow effect rendered behind the text labels. Set to ''0'' to disable. See ++the dialog here.|{{:ui:ui-graphic-selection-text-default-option-edit-shadow_radius.webp?direct&200}}++\\ \\ • **Shadow offset X** - Controls the horizontal distance of the text shadow from the label. See ++the dialog here.|{{:ui:ui-graphic-selection-time_event-text-shadow_offsetx.webp?direct&200}}++\\ \\ • **Shadow offset Y** - Controls the vertical distance of the text shadow from the label.See ++the dialog here.|{{:ui:ui-graphic-selection-text-default-option-edit-shadow_offset_y.webp?direct&200}}++\\ \\ • **Shadow color** - Sets the color used for the text label shadow.Navigate [[:ui:ui-generic-color_picker-section|here]] to see more options.\\ \\ **Thumbnail Icon Style**:\\ \\ • **Icon layout** - Configures the visual arrangement and style of the mini-icons when displayed as a thumbnail on the home screen. See ++the dialog here.|{{:ui:ui-folder-style-thumnail_layout.webp?direct&200}}++\\ \\ • **Icon scale(%)** - Adjusts the size of the thumbnail mini-icons relative to the folder's exterior icon. See ++the dialog here.|{{:ui:ui-folder-style-thumnail_scale(%).webp?direct&200}}++\\ \\ • **Icon offset X(%)** - Shifts the horizontal position of the thumbnail mini-icons within the folder icon. See ++the dialog here.|{{:ui:ui-folder-style-thumnail_offset_x(%).webp?direct&200}}++\\ \\ • **Icon offset Y(%)** - Shifts the vertical position of the thumbnail mini-icons within the folder icon. See ++the dialog here.|{{:ui:ui-folder-style-thumbnail_offset_y(%).webp?direct&200}}++\\ \\ • **Background** - Defines the background image or color for the closed folder's exterior thumbnail icon. Navigate [[:ui:ui-generic-background|here]] to see more options.\\ \\ • **Foreground** - Defines a foreground overlay image or color for the closed folder's exterior thumbnail icon. Navigate (need new image) [[:ui:ui-folder-style-label-thumbnail-foreground|here]] to see more options.\\ \\ • **Mask** - Applies a geometric shape mask to crop or frame the folder's exterior thumbnail icon.See ++the dialog here.|{{:ui:ui-folder-style-thumnail_mask.webp?direct&200}}++ |
 </WRAP> </WRAP>
 </WRAP> </WRAP>
 <WRAP noprint>{{page>site:site-footer-comment_feedback_block}}</WRAP> <WRAP noprint>{{page>site:site-footer-comment_feedback_block}}</WRAP>