ui-graphic-selection-text-built_in-edit
<previous page>

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

Dialog selections are discussed below the image. There is //no// customary navigation for an item in this image. After viewing the image and the content beside it a further explanation of the components of these mixed graphics is shown [[ |below]].


<WRAP group>
<WRAP 30% column>
{{:ui:ui-graphic-selection-text-built_in-edit.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 //if any// the "text" will activate.

This image above shows the landing spot (a page) when the user selects almost all of the built-in graphics. The complete list of built-in graphics was shown on the previous //ui// screen. The exceptions //**not shown**// here are:
  *[[:ui:ui-graphic-selection-text|Text]] 
  *[[:ui:ui-graphic-selection-image|Image]] 
which are objects unto themselves ... these are //not// mixed, but self-contained. Their initial landing spot, as shown if the link is selected is the Action dialog where a selection must be made to link either to an categorical action (application, window, folder, launcher action, or sequence) or to default (no action).

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 more easily preserved 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 in understanding how this objects are compiled which could assist a user in creating new ones ... including custom widgets.

|**A** - Mixed - phone\\ with new\\ notification count\\  {{:ui:ui-graphic-selection-phone.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 is 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.webp?direct&200}}  |Background Dialog\\  {{:ui:ui-graphic-selection-phone-option-edit-background.webp?direct&200}}|

|  {{:ui:ui-graphic-selection-phone_transparent.webp?direct&75}}  |Margins Dialog\\  {{:ui:ui-graphic-selection-phone-option-edit-margins.webp?direct&100}}  |

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