meta data for this page
  •  

This topic does not exist yet

You've followed a link to a topic that doesn't exist yet. If permissions allow, you may create it by clicking on Create 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:45] – dorepsui:ui-folder-options-folder_style [2026/06/01 21:09] (current) – doreps
Line 9: Line 9:
 <WRAP GROUP> <WRAP GROUP>
 <WRAP third column> <WRAP third column>
-| {{:ui:ui-folder-edit-folder_style.webp?225}} |+| {{:ui:ui-folder-edit-folder_style.webp?275}} |
 </WRAP> </WRAP>
 <WRAP twothirds column> <WRAP twothirds column>
-| 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}}++\\  +| 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}}++ |
-• **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}}++\\  +
-• **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> </WRAP>
 </WRAP> </WRAP>
 <WRAP noprint>{{page>site:site-footer-comment_feedback_block}}</WRAP> <WRAP noprint>{{page>site:site-footer-comment_feedback_block}}</WRAP>