meta data for this page
  •  

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revisionPrevious revision
Next revision		Previous revision
howto:howto-wallpaper_vs_background [2026/04/14 15:25] – dorepshowto:howto-wallpaper_vs_background [2026/07/19 12:00] (current) – ↷ Links adapted because of a move operation doreps
Line 1: Line 1:
 ====== How To: Set a different "Wallpaper" (Background) for Each Page ====== ====== How To: Set a different "Wallpaper" (Background) for Each Page ======
  
-Wallpaper is different that a page background. Learn how to have different background for each page in a setup by following the steps below and see the demo video ++here|{{howto-wallpaper_vs_background-gif.gif?300}}++ or on our YouTube Channel [[https://youtube.com/shorts/5IgguX9qWRU|here.]]+Wallpaper is different from a page background. Learn how to have a different background for each page in a setup by following the steps below and see the demo video on the uiTLM YouTube Channel [[https://youtube.com/shorts/5IgguX9qWRU|here.]]
  
-  - **Wallpaper** is for every page. If the objective is to have differnt images on each page +  - **Wallpaper** is for every page. If the objective is to have different images on each page 
-    - navigate to ''Manin menu'' -> ''Launcher options'' -> ''UI & Animations'' -> ''Wallpaper'' +    - Enter [[section:section-basic_editing#to_enter_edit_mode|Edit Mode]] > ''Launcher options'' {{:ui:ui-menu-launcher_options-v4.webp?direct&30}} > ''UI & Animations'' > ''Wallpaper'' 
-    - set wallpaper to ''None'' +    - Set wallpaper to ''None'' 
-    - With no wallpaper the "wallpaper" may be black. That is OK.+    - With no wallpaper, the "wallpaper" may be black. That is OK.
   - Back out of the menus to the page.    - Back out of the menus to the page. 
-  - Open the ''Page Edit mode'' ("pinch in").  +  - Open the ++''Page Edit mode''|{{:ui:ui-edit_mode_off-v4.webp?direct&200}}++ ("pinch in").  
-  - Tap the ''Edit Off'' icon in the lower right to change it to an ''Edit On'' icon. This opens the "Page Edit" mode (see [[:ui:ui-edit_on|here]] for a complete overview) showing the current page centered and smaller. At the bottom of that page are 3 icons with the center icon being the image of a mountain. The is the "background" icon {{:ui:ui-page_design-background-icon.png?direct&30}} for setting the image for that page. //**Each page must be handled seperately.**// +  - Tap the ++''Edit Off'' icon|{{:ui:ui-icon_edit_mode-edit_off-v4.webp?direct&100}}++ in the lower right to change it to an ++''Edit On'' icon|{{:ui:ui-icon_edit_mode-edit_on-v4.webp?direct&25}}++. This opens the ++"Page Edit" mode|{{:ui:ui-edit_mode_off-v4.webp?direct&200}}++ (see [[:ui:ui-edit_on|here also]] for a complete guide). At the bottom of that page are 3 icons, with the center icon showing a mountain. This is the "background" icon {{ui:ui-page_design-background-icon-v4.webp?direct&30}} for setting the image for that page. //**Each page must be handled separately.**// 
-    - Tap that ''background'' icon to reveal this ++dialog.|{{:ui:ui-edit_on-page_background.png?direct&200}}++ +    - Tap that ''background'' icon to reveal this ++dialog.|{{ui:ui-edit_on-page_background-v4.webp?direct&200}}++ 
-      - Notice that "Portrait" and "Landscape" are set seperately for each screen orientation. +      - Notice that "Portrait" and "Landscape" are set separately for each screen orientation. 
-  - Tap 'Portrait' to open another "Background" dialog and select ''Image'' to open the "Image Resource" dialog showing thumbnails of all **existing** images in resouces. +  - Tap 'Portrait' to open another "Background" dialog and select ''Image'' to open the "Image Resource" dialog showing thumbnails of all **existing** images in resources. 
     - If the image desired is not shown, it must be imported.     - If the image desired is not shown, it must be imported.
       - Tap the ''+'' icon in the lower right corner to open the device's "Photos" folder (default).        - Tap the ''+'' icon in the lower right corner to open the device's "Photos" folder (default). 
-      - Scoll and tap to select //or// if the image desired is not there then tap the 3-dot icon {{:ui:ui-menu-3dot.png?direct&25}} in the middle right of the screen and select ''Browse'' which will open the device's default file manager.  +      - Scroll and tap to select //or//; if the image desired is not there, then tap the 3-dot icon {{ui:ui-menu-3dot-v4.webp?direct&25}} in the middle-right of the screen, and select ''Browse'', which will open the device's default file manager.  
-      - Navigate to the location of the image desired and tap it. The dialog now returns to the "Image Resouce"+      - Navigate to the location of the desired image and tap it. The dialog now returns to the "Image Resource"
       - Scroll to the image just imported and tap that image. The screen returns to the "Background" dialog with the image now showing in the "Portrait" frame.       - Scroll to the image just imported and tap that image. The screen returns to the "Background" dialog with the image now showing in the "Portrait" frame.
-    - Before selecting OK, there are 3 setting which configure how the image is "stretched" on the screen.'+    - Before selecting OK, there is a "Fit type" option. Tap it to open ++3 settings|{{:ui:ui-edit_on-page_background-fit_type-v4.webp?direct&200}}++ which configure how the image is "stretched" on the screen.'
       ***Keep aspect ratio of image:** - No changes made. Keeps it as it is         ***Keep aspect ratio of image:** - No changes made. Keeps it as it is  
       ***Stretch to screen:** - Forces the image to fill every pixel of the display. Good for patterned backgrounds or abstract art.       ***Stretch to screen:** - Forces the image to fill every pixel of the display. Good for patterned backgrounds or abstract art.
Line 27: Line 27:
 <WRAP toby center 60%> <WRAP toby center 60%>
 **Toby says: Meaningful Image Filenames are Helpful**\\ \\  **Toby says: Meaningful Image Filenames are Helpful**\\ \\ 
-Most images in the Image Resource dialog have names assigned by Total Launcher which may not reflect the image content or be helpful in searching for an image. Unfortunately, the names assigned by Total Launcher //can not// be changed.+Most images in the Image Resource dialog have names assigned by Total Launcher that may not reflect their content or aid in searching for an image. Unfortunately, the names assigned by Total Launcher //cannot// be changed.
  
 To cause images to have filenames desired by the user: To cause images to have filenames desired by the user:
   * use the ''+'' icon and select the 3-dot icon   * use the ''+'' icon and select the 3-dot icon
-  * select ''Browse''. Navigate to the location of the desired image and tap it. This causes Total Launcher to assign the existing filename to the image in it's Image Resource dialog.  +  * select ''Browse''. Navigate to the desired image and tap it. This causes Total Launcher to assign the existing filename to the image in its Image Resource dialog.  
-Therefore, if filenaming is thought to be helpful in Image Resource searching (rather than visual scrolling), ensure the image to be "imported" has the desired filename in it's device folder prior to importing to Image Resources+Therefore, if filenaming is thought to be helpful in Image Resource searching (rather than visual scrolling), ensure the image to be "imported" has the desired filename in its device folder before importing to Image Resources
 </WRAP> </WRAP>
  
 <WRAP noprint>{{page>site:site-footer-comment_feedback_block}}</WRAP> <WRAP noprint>{{page>site:site-footer-comment_feedback_block}}</WRAP>