meta data for this page
  •  
Index Key Link
action Click to view
add Click to view
affiliation Click to view
align Click to view
alignment Click to view
alpha Click to view
analog clock Click to view
animated image Click to view
app drawer Click to view
app group Click to view
application Click to view
audio Click to view
background Click to view
backup Click to view
beginner Click to view
behavior Click to view
blur Click to view
calendar Click to view
card Click to view
checklist Click to view
circle indicator Click to view
clean slate Click to view
clock Click to view
code block Click to view
code of conduct Click to view
color picker Click to view
communities Click to view
compass Click to view
compatibility Click to view
complementary color Click to view
conceptual learning Click to view
configure Click to view
contact Click to view
contrast Click to view
contribute Click to view
date Click to view
date / time Click to view
default launcher Click to view
delete Click to view
desktop Click to view
developer Click to view
discussion guideline Click to view
distribution Click to view
drawer Click to view
drawer handle Click to view
dual-screen Click to view
dynamic color Click to view
dynamic image Click to view
dynamic text Click to view
edit Click to view
editing Click to view
edit mode Click to view
export Click to view
feature Click to view
file naming Click to view
flip-style Click to view
foldable Click to view
folder Click to view
font Click to view
full screen Click to view
gaussian Click to view
gesture Click to view
getting started Click to view
gradient Click to view
group Click to view
heading Click to view
help Click to view
hide Click to view
html Click to view
hue Click to view
icon Click to view
import Click to view
install Click to view
installation Click to view
instructable Click to view
intellectual property Click to view
issue Click to view
key Click to view
keys & gestures Click to view
label Click to view
landscape mode Click to view
launcher action Click to view
layout Click to view
liability Click to view
lifetime purchase Click to view
light source Click to view
link Click to view
list Click to view
luminance Click to view
macro Click to view
macrodroid Click to view
margin Click to view
mask Click to view
media controller Click to view
mobile Click to view
month/year/day Click to view
move Click to view
multi-screen Click to view
namespace Click to view
navigation Click to view
object Click to view
object design menu Click to view
official Click to view
official blog Click to view
offset Click to view
option Click to view
ordinal Click to view
page Click to view
page indicator Click to view
paste Click to view
performance Click to view
permission Click to view
pin Click to view
png Click to view
quoting Click to view
radius Click to view
registration Click to view
reminder Click to view
remove Click to view
resource Click to view
rotate Click to view
rss Click to view
save Click to view
scroll Click to view
search Click to view
select Click to view
shadow Click to view
shape Click to view
share Click to view
sidebar Click to view
slider Click to view
sliding drawer Click to view
spacing Click to view
stretch Click to view
syntax Click to view
system setting Click to view
system ui Click to view
table Click to view
table of content Click to view
tasker Click to view
taxonomy Click to view
temperature Click to view
termination Click to view
terms of use Click to view
text Click to view
theme Click to view
toby Click to view
trademark Click to view
transform Click to view
transparency Click to view
transparent Click to view
troubleshooting Click to view
typeface Click to view
ui Click to view
user conduct Click to view
user interface demo Click to view
variable Click to view
wallpaper Click to view
warranties Click to view
weather Click to view
webp Click to view
website Click to view
welcome Click to view
widget Click to view
wiki Click to view
wiki editing Click to view
window Click to view

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 16:14] dorepsui:ui-folder-options-folder_style [2026/06/01 21:09] (current) doreps
Line 6: Line 6:
   * When an **existing folder** in on the page:   * When an **existing folder** in on the page:
     * ''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 35% column> +<WRAP third column> 
-{{:ui:ui-folder-edit-folder_style.webp}}+{{:ui:ui-folder-edit-folder_style.webp?275}} |
 </WRAP> </WRAP>
-<WRAP 45% column> +<WRAP twothirds column> 
-This dialog screen shows options for:\\  +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 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 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 folderSee ++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}}++ |
-• **Max column number** - Defines the maximum number of columns (range 2 - 10) for items displayed within the folder. See ++here for dialog|{{: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 ++here for dialog|{{:ui:ui-folder-style-row.webp?direct&200}}++\\  +
-• **Item width** - Sets a specific width for items inside the folder. Enter ''0'' to use default sizing with range to 575. See ++here for dialog|{{:ui:ui-folder-style-item_width.webp?direct&200}}++\\  +
-• **Item height** - Sets a specific height for items inside the folder. Enter ''0'' to use default sizing with range to 862. See ++here for dialog|{{: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 ++here for dialog|{{:ui:ui-folder-style-sort_order.webp?direct&200}}++\\  +
-• **System scroll animation** - Enables the default system 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 ++here for dialog|{{: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 folder. See ++here for dialog|{{:ui:ui-folder-style-gesture_close.webp?direct&200}}++\\  +
-• **Entering or Exiting sound** - Selects an audio file to play when the folder is opened or closed. See ++here for dialog|{{: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 folder.\\  +
-• **Margins** - Adjusts the interior spacing on the left, top, right, and bottom of the folder container. Navigate [[:ui:ui-generic-margin|here]] to see more options.\\  +
-• **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 ++here for dialog|{{:ui:ui-folder-style-icon_size.webp?direct&200}}++\\  +
-• **Icon opacity(%)** - Sets the transparency level of the icons inside the folder. See ++here for dialog|{{:ui:ui-folder-style-icon_opacity.webp?direct&200}}++\\  +
-• **Icon saturation(%)** - Adjusts the color intensity of the icons inside the folder. See ++here for dialog|{{:ui:ui-folder-style_icon_saturation.webp?direct&200}}++\\  +
-• **Icon color filter** - Applies a specific color overlay or filter to the folder icons. See ++here for dialog|{{: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 maximum number of text lines permitted for each item label✘Navigate (need new image) [[:ui:ui-generic-background_selection|here]] to see more options.\\  +
-• **Font size** - Sets the typographic size of the text used for the item labels. See ++here for dialog|{{:ui:ui-folder-style-icon_font_size.webp?direct&200}}++\\  +
-• **Scale X(%)** - Adjusts the horizontal width scaling of the text labels. See ++here for dialog|{{: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 ++here for dialog|{{: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 ++here for dialog|{{: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 ++here for dialog|{{: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 ++here for dialog|{{: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 ++here for dialog|{{: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 ++here for dialog|{{: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 ++here for dialog|{{:ui:ui-folder-style-thumnail_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-generic-background_selection|here]] to see more options.\\  +
-• **Mask** - Applies a geometric shape mask to crop or frame the folder's exterior thumbnail icon.See ++here for dialog|{{:ui:ui-folder-style-thumnail_mask.webp?direct&200}}++\\ +
 </WRAP> </WRAP>
 </WRAP> </WRAP>
-<wrap hide> 
- 
 <WRAP noprint>{{page>site:site-footer-comment_feedback_block}}</WRAP> <WRAP noprint>{{page>site:site-footer-comment_feedback_block}}</WRAP>