====== Folder Style ======
Dialog selections are discussed below or next to the image. There are **no** navigation selections within the image. To return to the previous page, swipe (right to left), use the browser's return arrow, or select the Backlink icon {{:ui:ui-doku_link-backlink.webp?direct&30|Backlink icon}} from the right sidebar.
For navigation to this dialog in the app:
* When creating a **new folder**:
* ''Edit ON'' > ''Design Menu ☛ Object Add'' > ''Graphic'' > ''Image'' > ''Folder'' > ''Tab ☛ Folder Style'' or
* When an **existing folder** in on the page:
* ''Edit ON'' > slight tap folder to open top Edit menu bar > ''Edit''(pencil)
| {{:ui:ui-folder-edit-folder_style-v4.webp?275|Folder style dialog}} |
| 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.\\ \\ • **Max row number** - Defines the maximum number of rows (range 2 - 10) for items displayed within the folder.\\ \\ • **Item width** - Sets a specific width for items inside the folder. The range is 0 - 575, with a default of ''0,'' which represents approximately a ''275'' setting. Less than shrinks < 275 > greater than enlarges.\\ \\ • **Item height** - Sets a specific height (or vertical separation) for items inside the folder. The range is 0-862, with a default of ''0'', which represents approximately a 375 setting. Less than decreases < 375 > and more than increases.\\ \\ • **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-v4.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. \\ \\ • **Center in the screen** - Activate this button 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-v4.webp?direct&200}}++\\ \\ • **Entering or Exiting sound** - Selects a '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-no_dynamic_color_shadow|here]] to see more options.\\ \\ • **Show shadow** - Activate the button 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 of the effect of margins.\\ \\ • **Item background** - Sets a background color or image for individual items within the folder. Navigate [[:ui:ui-generic-background-no_dynamic_color_shadow|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-no_dynamic_color_shadow|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-no_dynamic_color_shadow|here]] to see more options.\\ \\ **Icon**:\\ \\ • **Icon size** - Adjusts the visual dimensions of the icons displayed inside the folder using the slider or manual entry using the text box.\\ \\ • **Icon opacity(%)** - Sets the transparency level of the icons inside the folder via the slider or text box.\\ \\ • **Icon saturation(%)** - Adjusts the color intensity of the icons inside the folder.\\ \\ • **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-v4.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-launcher_options-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.\\ \\ • **Font size** - Sets the typographic size of the text used for the item labels with a range of ''0'' to ''100'' using the slider or text box.\\ \\ • **Scale X(%)** - Adjusts the horizontal width scaling of the text labels using the slidger or text box.\\ \\ • **Text color** - Sets the primary color for the text labels. Navigate [[:ui:ui-color_picker|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-color_picker|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. The maximum shadow radius is ''20'''.\\ \\ • **Shadow offset X** - Controls the horizontal distance (x-axis) of the text shadow from the label with a range of ''-50'' (left) to ''50'' (right) with ''0'' showing no shadow.\\ \\ • **Shadow offset Y** - Controls the vertical distance of the text shadow from the label with a range of ''-50'' (above) to ''50'' (below) with ''0'' showing no shadow.\\ \\ • **Shadow color** - Sets the color used for the text label shadow. Navigate [[:ui:ui-color_picker|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-thumbnail_layout-v4.webp?direct&200}}++\\ \\ • **Icon scale(%)** - Adjusts the size of the thumbnail mini-icons relative to the folder's exterior icon. The range is ''0'' to ''100'' with the current state being shown at ''0''.\\ \\ • **Icon offset X(%)** - Shifts the horizontal position (x-axis) of the thumbnail mini-icons within the folder icon with a range of ''-100'' to ''100'' with ''0'' being the initial state.\\ \\ • **Icon offset Y(%)** - Shifts the vertical position of the thumbnail mini-icons within the folder icon with a range of ''-100'' to ''100'' with ''0'' being the initial state.\\ \\ • **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-thumbnail_mask-v4.webp?direct&200}}++ and learn about [[:howto:howto-folder-mask|applying folder masks here]] and [[:section:section-folder-masks|here.]] |
{{page>site:site-footer-comment_feedback_block}}