===== Graphic Text Built-ins =====

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 group>
<WRAP 30% column>
{{:ui:ui-graphic-selection-text-built_in-edit-v4.webp?direct&200|Graphic Text Built-ins}}
</WRAP>

<WRAP 60% column>
^ IDENTIFIER ^ TYPE ^ DESCRIPTION ^
|  **A**  | Mixed  | phone with new notification count |
|  **B**  | Mixed  | messages with new notification count |
|  **C**  | Mixed  | Gmail with new notification count |
|  **D**  | Mixed  | Rectangle green with phone Image with new notification count and text |
|  **E**  | Mixed  | Rectangle green with messages image with new notification count and text |
|  **F**  | Mixed  | Rectangle green with Gmail image with new notification count and text |
|  **G**  | Mixed  | phone application with image with new notification count and text |
|  **H**  | Mixed  | messages application with image with new notification count and text |
|  **K**  | Mixed  | text application with image with new notification count and text |
|  **L**  | Mixed  | Rectangle blue with phone image and new notification count |
|  **M**  | Mixed  | Rectangle blue with messages image and new notification count on right |
|  **N**  | Mixed  | Rectangle blue with Gmail image and new notification count |
|  **O**  | Mixed  | Rectangle yellow with phone image / application version / new notification count and text |
|  **P**  | Mixed  | Rectangle yellow with messages image / application version / new notification count and text |
|  **R**  | Mixed  | Rectangle yellow with Gmail image / application version / new notification count and text |
|  **S**  | Text  | current 24-hr time |
|  **T**  | Mixed  | current 12-hr time with next event |
|  **U**  | Mixed  | day / date / month / year |
|  **V**  | Mixed  | month / date / day with right red vertical |
|  **W**  | Mixed  | left green vertical with next event and day |
|  **X**  | Mixed  | next event and day with green vertical on right |
|  **Y**  | Mixed  | vertical month/day/date with green vertical and next event with day |
</WRAP>
</WRAP>

When selecting "text", the user must decide what action the "text" will trigger.

Each mixed object shown in the image above has 2 or more of these elements:
<WRAP group>
<WRAP 25% column>
  ***Text**
  ***Image**
  ***Notification count**
  ***Date/Time**
</WRAP>

<WRAP 25% column>
  ***Day**
  ***Month**
  ***Year**
  ***Calendar event**
</WRAP>
</WRAP>

These are placed relative to each other, then //grouped// to bind them into a "single" object, which is easier to preserve when moved during the design phase. 

Samples of the above mixed graphics are shown below. Tapping the image will display the pages with the dialogs for the elements contained in the mixed graphic. This will be useful for understanding how these objects are compiled, which could help a user create new ones, including custom widgets.

|**A** - Mixed - phone\\ with new\\ notification count\\  {{:ui:ui-graphic-selection-phone-v4.webp?direct&100}}\\ [[:ui:ui-graphic-selection-phone_components|Click Here]]  |

Examples of the built-in graphic objects and their elements, as shown in their "edit" dialog, are offered below as a learning example:
|Tap-on-Action Dialog\\  {{:ui:ui-graphic-selection-phone-action.webp?direct&200}}  |Edit Dialog\\  {{:ui:ui-graphic-selection-phone-option-edit-v4.webp?direct&200}}  |Background Dialog\\  {{:ui:ui-graphic-selection-phone-option-edit-background-v4.webp?direct&200}}|

|  {{:ui:ui-graphic-selection-phone_transparent.webp?direct&75}}  |Margins Dialog\\  {{:ui:ui-martin-object-dialog-v4.webp?direct&100}}  |

<WRAP noprint>{{page>site:site-footer-comment_feedback_block}}</WRAP>