====== Dynamic Image - Add Image ======

<WRAP>
In the app, the user selects the desired **Dynamic Image** and is returned to the previous screen, with the dynamic image shown in the selection box (if a background) or on the page (if an independent object). In this demo, 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.

----

When learning Total Launcher, background knowledge of various dynamic images will be useful. Dynamic images automatically update data or change appearance based on device state (e.g., Battery level, Wifi signal, Time). Users can create other dynamic images (e.g., custom clock faces). Make sure to review the [[:ui:ui-resources-dynamic_image-add#dynamic_image_categories|Dynamic Image Categories section below.]]
</WRAP>

Dialog selections are discussed below the image. To navigate to an item, select it in the Dynamic Image Add image. If NOT selecting any item and wanting to return to the prior page: swipe right-to-left; use the browser’s ‘back’ arrow; or use the Wiki’s Backlink icon {{:ui:ui-doku_link-backlink-v4.webp?direct&30|Backlink icon}} on the right sidebar (mobile: drop-down dialog at the top of the page).

{{imapmarkers>:ui:ui-resources-dynamic_image-add-v4.webp?200|Dynamic Image Add}}
[[:ui:ui-resources-dynamic_image-add-type-selection|ID1|Type@14,114,189,145]]
[[:ui:ui-launcher_options-resources-dynamic_image|ID2|Cancel@5,368,98,400]]
[[:ui:ui-launcher_options-resources-dynamic_image|ID3|OK@97,368,197,400]]
{{cfg>}}
{
}
{{<cfg}}
{{<imapmarkers}}
The image above shows the default 'Type' landing page when adding a dynamic image to the page. In the app, selecting ''Type'' will open the dialog which provides a selection to change the 'Type' selection and then display that 'Types' dialog. In this demo, selecting the element ''Type'' in the image above shows the 'Type' list. A selection from that list will navigate to the discussion of it on this page.<wrap hi>**Dynamic Image Add dialog. Make selection above.**</wrap>

<WRAP center round tip 60%>
**Pro Tip:** A dynamic image can be attached to a **Launcher Action** (like tapping the Battery icon to open Battery Settings) using the **Action on Tap** menu.
</WRAP>

==== Dynamic Image Categories ====

The built-in dynamic images, discussed below, are found in the Total Launcher app by navigating to:\\  
''Edit mode'' > ''Launcher options'' > ''Resources'' > ''Dynamic Image'' > ''+'' > ''Type''.

| [[#battery_status|Battery status]] | [[#do_not_disturb|Do not disturb]] | [[#ringer_mode|Ringer mode]] |
| [[#Bluetooth|Bluetooth]] | [[#gmails_(unread)|Gmails (unread)]] | [[#signal_strength|Signal strength]] |
| [[#brightness|Brightness]] | [[#gps_status|GPS status]] | [[#themed_image|Themed image]] |
| [[#calendar|Calendar]] | [[#mobile_data_status|Mobile data status]] | [[#weather|Weather]] |
| [[#clock|Clock]] | [[#notification_count|Notification count]] | [[#wifi_hotspot|WiFi hotspot]] |
|  | [[#ram_usage|RAM usage]] | [[#wifi_status|WiFi status]] |

----

=== Battery status ===
  * Shows current battery level on a 180° dial. Shows a "bolt" symbol when charging.

|  Battery Status 1 of 2  |  Battery Status 2 of 2  |
| {{:ui:ui-dynamic_image-battery-1of2-v4.webp?direct&150}} | {{:ui:ui-dynamic_image-battery-2of2-v4.webp?direct&150}} |

----

=== Bluetooth ===
  * Shows the On/Off state image.
{{ui:ui-dynamic_image-bluetooth-v4.webp?direct&150 }}

----

=== Brightness Mode ===
  * Shows the state of the screen brightness as an image indicating automatic or manual control by the device's system
{{ui:ui-dynamic_image-brightness_mode-v4.webp?direct&150}}

----

=== Calendar ===
  * Shows current Day, Month, and Date as a dynamic icon.

|  Calendar 1 of 8  |  Calendar 2 of 8  |  Calendar 3 of 8  |  Calendar 4 of 8  |
| {{ui:ui-dynamic_image-calendar_1of8-v4.webp?direct&150}} | {{ui:ui-dynamic_image-calendar_2of8-v4.webp?direct&150}} | {{ui:ui-dynamic_image-calendar_3of8-v4.webp?direct&150}} | {{ui:ui-dynamic_image-calendar_4of8-v4.webp?direct&150}} |
|  Calendar 5 of 8  |  Calendar 6 of 8  |  Calendar 7 of 8  |  Calendar 8 of 8  |
| {{ui:ui-dynamic_image-calendar_5of8-v4.webp?direct&150}} | {{ui:ui-dynamic_image-calendar_6of8-v4.webp?direct&150}} | {{ui:ui-dynamic_image-calendar_7of8-v4.webp?direct&150}} | {{ui:ui-dynamic_image-calendar_8of8-v4.webp?direct&150}} |

----

=== Clock ===
  * Shows current time on an analog face.

^  Clock 1 of 13  ^  Clock 2 of 13  ^  Clock 3 of 13  ^  Clock 4 of 13  ^
|{{ui:ui-dynamic_image-clock-1of13-v4.webp?150}}|{{ui:ui-dynamic_image-clock-2of13-v4.webp?150}}|{{ui:ui-dynamic_image-clock-3of13-v4.webp?150}}|{{ui:ui-dynamic_image-clock-4of13-v4.webp?150}}|
^  Clock 5 of 13  ^  Clock 6 of 13  ^  Clock 7 of 13  ^  Clock 8 of 13  ^
|{{ui:ui-dynamic_image-clock-5of13-v4.webp?direct&150}}|{{ui:ui-dynamic_image-clock-6of13-v4.webp?direct&150}}|{{ui:ui-dynamic_image-clock-7of13-v4.webp?150}}|{{ui:ui-dynamic_image-clock-8of13-v4.webp?150}}|
^ Clock 9 of 13  ^  Clock 10 of 13  ^  Clock 11 of 13  ^  Clock 12 of 13  ^
|{{ui:ui-dynamic_image-clock-9of13-v4.webp?direct&150}}|{{ui:ui-dynamic_image-clock-10of13-v4.webp?direct&150}}|{{ui:ui-dynamic_image-clock-11of13-v4.webp?150}}|{{ui:ui-dynamic_image-clock-12of13-v4.webp?150}}|
^  Clock 13 of 13  ^
|{{ui:ui-dynamic_image-clock-13of13-v4.webp?150}}|

----

=== Do Not Disturb ===
  * Shows the state of do not disturb as an on or off image
{{ui:ui-dynamic_image-do_not_disturb-v4.webp?direct&150 }}

----

=== Gmails (Unread) ===
  * Show the count of currently unread Gmails as a number within a circle

|  Unread Gmails 1 of 2  |  Unread Gmails 2 of 2  |
| {{ui:ui-dynamic_image-gmails_unread-1of2-v4.webp?direct&150}} | {{ui:ui-dynamic_image-gmails_unread-2of2-v4.webp?direct&150}} |

<WRAP center round alert 60%>
**Note:** This feature relies on older Android permissions and may not function on newer Android versions due to Google security updates.
</WRAP>

----

=== GPS status ===
  * Shows the state of the device's GPS as an on or off image
{{ui:ui-dynamic_image-gps-v4.webp?direct&150 }}

----

=== Mobile Data status ===
    * Shows the state of the device's mobile data as an on or off image
{{ui:ui-dynamic_image-mobile_data-v4.webp?direct&150 }}

----

=== Notification Count ===
  * Shows the total number of notifications on the status bar.

|  Notification Count 1 of 2  |  Notification Count 2 of 2  |
| {{ui:ui-dynamic_image-notifications-1of2-v4.webp?direct&150}} | {{ui:ui-dynamic_image-notifications-2of2-v4.webp?direct&150}} |

<WRAP center round tip 60%>
<WRAP centeralign>**Requirement:**</WRAP>
Total Launcher must be granted "Notification Access" in Android System Settings for this to work.
</WRAP>

<WRAP center round tip 60%>
<WRAP centeralign>**Icon Specific Notification Counts**</WRAP>
To have an icon or other object show its notification count only:\\ 
''Edit On'' > ''Object Design Menu > Option'' > ''Text'' > ''Notifications'' > ''OK''
</WRAP>

----

=== RAM usage ===
  * Shows current RAM usage (0-100%) on a dial. Refreshes every second.
|  RAM 1 of 2  |  RAM 2 of 2  |
|{{ui:ui-dynamic_image-ram-1of2-v4.webp?direct&150 }}|{{ui:ui-dynamic_image-ram-2of2-v4.webp?direct&150 }}|

----

=== Ringer Mode ===
  * Shows the state of the device's ringer mode: normal (on ... any volume), silent (off), vibrate (if set to vibrate)
{{ui:ui-dynamic_image-ringer_mode-v4.webp?direct&150}}

----

=== Signal Strength ===
  * Shows current signal strength (0, 25, 50, 75, 100%).
{{ui:ui-dynamic_image-signal-v4.webp?direct&150 }}

<WRAP center round todo 60%>
Confirmation needed: Is Signalis WiFi only or does it work for WiFi and Data
</WRAP>

----

=== Themed Image ===
  * provides for the selection of an icon pack (or icon) or image to be used based on light or dark mode system setting
{{ui:ui-dynamic_image-themed_image-v4.webp?direct&150 }}

----

=== Weather ===
<WRAP center round alert>
Users have commented on the Telegram support website (late 2024-mid 2025) about delayed and inconsistent data updates through the provider.
</WRAP>
|  Weather 1 of 3  |  Weather 2 of 3  |  Weather 3 of 3  |
|{{ui:ui-dynamic_image-weather-1of3-v4.webp?direct&150 }}|{{ui:ui-dynamic_image-weather-2of3-v4.webp?direct&150 }}|{{ui:ui-dynamic_image-weather-2of3-v4.webp?direct&150 }}|
  * Shows current weather condition icon (via OpenWeatherMap). **Location:** Weather is determined by GPS.
    * By default, the "weather icons" will show the weather at the current GPS location. However, this can be changed in the weather dynamic image settings as discussed in [[:section:section-dynamic_image-weather|Weather Images.]]\\ 

----

=== Wifi Hotspot ===
  * Shows the state of the device's wifi hotspot as an on or off image
{{ui:ui-dynamic_image-wifi_hotspot-v4.webp?direct&150 }}

----

=== Wifi Status ===
  * Shows Wifi signal strength (25%, 50%, 75%, 100%) or disconnected state (0%).
{{ui:ui-dynamic_image-wifi-v4.webp?direct&150 }}

----

<WRAP noprint>

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

</WRAP>

----

====== Dynamic Image ======

Dialog selections are discussed below the image. To navigate to an item, select it in the Dynamic Image dialog. NOT selecting any item and wanting to return to the prior page: swipe right-to-left; use the browser’s ‘back’ arrow; or use the Wiki’s Backlink icon {{:ui:ui-doku_link-backlink-v4.webp?direct&30|Backlink icon}} on the right sidebar (mobile: drop-down dialog at the top of the page).

{{imapmarkers>:ui:ui-launcher_options-resources-dynamic_image-v4.webp?200|Dynamic Image dialog}}
[[:ui:ui-resources-dynamic_image-add|ID1|Add@174,467,49]]
{{cfg>}}
{
}
{{<cfg}}
{{<imapmarkers}}
<wrap hi>**Dynamic Image dialog. Make selection above.**</wrap>

This dialog minimally displays the built-in dynamic images of Total Launcher. In the app, a user will tap the desired item to add it as an object or background (this demo cannot do that). The image shows the types of dynamic images. To jump directly to a review of a specific dynamic image, tap the category in the table below:
| [[:ui:ui-resources-dynamic_image-add#battery_status|▶️ Battery status]] | [[:ui:ui-resources-dynamic_image-add#gmails_(unread)|▶️ Gmails (unread)]] |
| [[:ui:ui-resources-dynamic_image-add#bluetooth|▶️ Bluetooth]] | [[:ui:ui-resources-dynamic_image-add#ram|▶️ RAM]] |
| [[:ui:ui-resources-dynamic_image-add#brightness_mode|▶️ Brightness mode]] | [[:ui:ui-resources-dynamic_image-add#ringer_mode|▶️ Ringer mode]] |
| [[:ui:ui-resources-dynamic_image-add#calendar|▶️ Calendar]] | [[:ui:ui-resources-dynamic_image-add#themed_image|▶️ Themed image]] |
| [[:ui:ui-resources-dynamic_image-add#clock|▶️ Clock]] | [[:ui:ui-resources-dynamic_image-add#weather|▶️ Weather]] |
| [[:ui:ui-resources-dynamic_image-add#cpu|▶️ CPU]] | [[:ui:ui-resources-dynamic_image-add#wifi|▶️ WiFi]] |
| [[:ui:ui-resources-dynamic_image-add#do_not-disturb|▶️ Do not disturb]] | [[:ui:ui-resources-dynamic_image-add#wifi_hotspot|▶️ WiFi hotspot]] |

In the above dialog, tap this element to navigate in this demo:
  * **Add:** Navigates to the Launcher ''Add'' dialog for creating a new dynamic image widget.

Other element is this dialog are:
  * **Search** {{ui:ui-icon_search-v4.webp?25}} - If scrolling the dynamic images is not successful in locating one, enter a string of characters to locate a user-created or built-in dynamic image easily.
  ***16:9  (Standard)** - represents optional screen resolutions for use. The **Added** shows the current use of images, while 16:9 represents the standard resolution for 1080x2400. Screen resolution impacts the display of elements, such as images and shapes (circles) or text, which may appear correct but skewed on a different resolution screen. Other resolutions available (very usable by multi-screen devices) are:
      *18:9 (medium screen)
      *18.5:9 (Long screen)
      *19:9 (Long screen medium)
      *19.3:9 (long screen medium +)
      *19.5:9 (Long screen +)
      *20:9 (Extra long screen)
      * 21:9 (Super long screen)
      * 22:9 (Flip - Super long screen)
      * 25:9+2.5:18 (Fold)
      * 25:9 (Extremely long screen)
      * 22.5:18 (Squarish screen)
      * 5:8 (Tablet)


Additional information on dynamic image can be found in [[section:section-dynamic_image|Resource - Dynamic Image]].

<wrap hide>
===== Hidden Index Anchors =====
[[:ui:ui-resources-dynamic_image-add-type-selection]]
[[:ui:ui-launcher_options-resources-dynamic_image]]
</wrap>
<WRAP noprint>

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

</WRAP>