======  Shape - Fill  ======

Dialog selections are discussed below or next to the image. The image contains **no** navigation selections. 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-v4.webp?direct&30|Backlink icon}} from the right sidebar.

<WRAP hscroll_box>
<WRAP>
The pattern characteristics of these fills are gradients using the colors selected for **Color 1** and **Color 2**
• **Top row** -  consists of a solid **Color 1** with gradient files of **Color 2**. Shown below is a sample of **Color 1** set to white and **Color 2** set to red:
{{  :ui:ui-resources-shape-selection-all-fill-sample.webp?direct&100  }}
• **Middle rows** - offer more transparency from **Color 2** giving soft light effects
• **Blurry wallpaper** - The full bottom row offers more complex effects, such as //"Blurry wallpaper"// creating a soft-focus aesthetic.
• **Image** - This last row is strictly an image from user resources

Once the user selects the fill pattern, the app would navigate to the previous screen/dialog. In this demo, swipe right-to-left or use the browser's back arrow.
</WRAP>
<WRAP>
{{:ui:ui-resources-shape-fill.webp?200|Shape - Fill}}
</WRAP>
</WRAP>

{{page>site:site-footer-comment_feedback_block}}

</WRAP>

<wrap hide>
===== Hidden Index Anchors =====

</wrap>