meta data for this page
  •  
Translations of this page:
  • en
Index Key Link
action Click to view
add Click to view
affiliation Click to view
align Click to view
alignment Click to view
alpha Click to view
analog clock Click to view
animated image Click to view
app drawer Click to view
app group Click to view
application Click to view
audio Click to view
background Click to view
backup Click to view
beginner Click to view
behavior Click to view
blur Click to view
calendar Click to view
card Click to view
checklist Click to view
circle indicator Click to view
clean slate Click to view
clock Click to view
code block Click to view
code of conduct Click to view
color picker Click to view
communities Click to view
compass Click to view
compatibility Click to view
complementary color Click to view
conceptual learning Click to view
configure Click to view
contact Click to view
contrast Click to view
contribute Click to view
date Click to view
date / time Click to view
default launcher Click to view
delete Click to view
desktop Click to view
developer Click to view
discussion guideline Click to view
distribution Click to view
drawer Click to view
drawer handle Click to view
dual-screen Click to view
dynamic color Click to view
dynamic image Click to view
dynamic text Click to view
edit Click to view
editing Click to view
edit mode Click to view
export Click to view
feature Click to view
file naming Click to view
flip-style Click to view
foldable Click to view
folder Click to view
font Click to view
full screen Click to view
gaussian Click to view
gesture Click to view
getting started Click to view
gradient Click to view
group Click to view
heading Click to view
help Click to view
hide Click to view
html Click to view
hue Click to view
icon Click to view
import Click to view
install Click to view
installation Click to view
instructable Click to view
intellectual property Click to view
issue Click to view
key Click to view
keys & gestures Click to view
label Click to view
landscape mode Click to view
launcher action Click to view
layout Click to view
liability Click to view
lifetime purchase Click to view
light source Click to view
link Click to view
list Click to view
luminance Click to view
macro Click to view
macrodroid Click to view
margin Click to view
mask Click to view
media controller Click to view
mobile Click to view
month/year/day Click to view
move Click to view
multi-screen Click to view
namespace Click to view
navigation Click to view
object Click to view
object design menu Click to view
official Click to view
official blog Click to view
offset Click to view
option Click to view
ordinal Click to view
page Click to view
page indicator Click to view
paste Click to view
performance Click to view
permission Click to view
pin Click to view
png Click to view
quoting Click to view
radius Click to view
registration Click to view
reminder Click to view
remove Click to view
resource Click to view
rotate Click to view
rss Click to view
save Click to view
scroll Click to view
search Click to view
select Click to view
shadow Click to view
shape Click to view
share Click to view
sidebar Click to view
slider Click to view
sliding drawer Click to view
spacing Click to view
stretch Click to view
syntax Click to view
system setting Click to view
system ui Click to view
table Click to view
table of content Click to view
tasker Click to view
taxonomy Click to view
temperature Click to view
termination Click to view
terms of use Click to view
text Click to view
theme Click to view
toby Click to view
trademark Click to view
transform Click to view
transparency Click to view
transparent Click to view
troubleshooting Click to view
typeface Click to view
ui Click to view
user conduct Click to view
user interface demo Click to view
variable Click to view
wallpaper Click to view
warranties Click to view
weather Click to view
webp Click to view
website Click to view
welcome Click to view
widget Click to view
wiki Click to view
wiki editing Click to view
window Click to view

This is an old revision of the document!


Window: Create (simple) + Add a Widget

Window: Create (simple)

From experience, a window can be created and the user can not see it!

This happens if 2 options and 1 action are set:

  • Option 1: The Main menu > Launcher Options > UI & Animation > Blur behind is not activated.
  • Option 2: The window object Background > Color > ARGB code is set to transparent such as 00000000
  • Action: The user has no objects placed in the window container.

Sounds too simple, but happens … and if it does, try to remember this tip!

Since the above TIP has been mentioned, the procedure includes the “simple” addition of adding an “App widget”. If that is not want, simply change what the window is to contain … leave the window empty but make sure to retain the default background so the window does not appear to “disappear”.

  1. On the home screen, enter Edit On mode (see here for details) or one method is to long-press an empty space.
  2. In the to Object Design Menu tap the icon
  3. Select Graphic
  4. Select either •Image or •Text
    1. Image if the screen object to open the window will be an icon-type
    2. Text if the screen object to open the window will be text-based
      • Note: There is another way to open a window: gestures. A #FeatureRequest has been made to the Developer to extend the Launcher's Action > Invisible when edit mode is off to a toggle which permits a toggle.
    3. Image will be the example selected here
  5. From the dialog listing select Window
    1. The Window-Portrait dialog shows any previously created windows (see image).
      • When a window design is created, it is specific to it's designed purpose and will retain it's previous characteristics or, if modified here, will change those characteristics where it is elsewhere being used.
    2. To add a unique window design, in the lower right corner tap
      • In the Title dialog, enter a unique name for the new design. As an example: App_Widget_Window
        • Note: no spaces or hyphens are permitted, only underscores (_)
    3. Tap OK
  6. Tap the Action icon to open the new window in full screen mode (see image). By default, the window background is light gray. The top Object Design Menu includes 2 key icons:
    1. Edit (pencil) - Tap this to enable:
      • bulb handles on it's boundaries used to down-size the window
      • Option icon in the lower right corner of the window opens the Window Option dialog and the Window Animation dialog. (see image).
        • While the Edit and Option dialogs will not be discussed here, more information is available at Window - Option and Window - Animation in the uiTotalLauncherManual wiki.
    2. Add icon - opens the Add Object dialog
      • objects, such as an app widget, layout, or graphic can be added to a new window.
        • In this example only the window is being created, so an object will not be added.
          • If an object is to be added now, see these steps which will replace Steps 6.c and 6.d and the procedure Window: Add an Existing Widget to a Window after the Window Has Been Created. Click here
    3. Back out of the window by swiping right-to-left to return to the Window-Portrait dialog
    4. Back out of the dialog by swiping right-to-left again
  7. The new “image” for the window object icon (not the window itself) appears in the center of the page selected (highlighted) (see image).
    • The “bulbs” in the center of each container border can be used as a handle to tap-hold and drag to modify the area of the window object icon.
      • Resize and position on the screen as desired
    • This window object icon can also be re-sized and moved by opening it's Edit mode with a light tap to the selected object. This method of editing is reviewed in detail at Object Editing.
  8. The window object icon which activates the window is on the page with it's default image.
    1. This image can be changed by selecting the object (tap and hold to highlight) which opens the top Object Design Menu.
    2. The top Object Design Menu Option icon opens the Option Edit dialog (see image).
      • Tap the Image field to open the Image selection categories.
        • Experiment with the Image and Icon Pack categories.
      • Once completed, back out to see the window object icon selected with the new image.
  9. To open the newly created window, the window object icon must be linked to that action
    1. The window object icon must be selected, then …
      • Tap the top Object Design Menu Action icon
    2. The Action dialog opens (see image).
    3. Scroll to view the various actions available. In this example use Tap
      • Select Tap > Action to open the Action On Tap dialog: (see image)
      • Select Window to open the Window-Portrait dialog (see image)
      • Scroll the dialog to find and select the example App_Widget_Window
      • TL now returns to the previous Action On Tap dialog (Tap) and shows the tap action will open the App_Widget_Window
      • Back out to the page
  10. The window object icon is on the page. When tapped it will open the newly created App_Widget_Window.
  11. If the widget was not previously added, it can now be added.

Window: Add an Existing Widget to a Window after the Window Has Been Created

  1. There are two ways to add an object to a window:
    • When creating a new window: as outlined in the dprevious procedure
    • As an after thought … a window exists and a user wishes to add any object to the window, such as a widget. So, now at this point …
  2. Create the object to be added to an existing window:
  3. Enter Edit On mode
  4. From the top Object Design Menu select the Object Add icon
  5. The Add dialog opens (see image). Then …
    • Select Widget
    • Select any desired object, but in this procedure, App drawer
      • Note: There are 3 types of application drawers and 1 contact “drawer”. Each has its own characteristics which can be confusing when really deep diving into their uniqueness. A full description and disection can be found at here at Widgets if desired.
  6. The App drawer widget is now on a page, centered. Tap-hold and drag to re-locate so that it does not block access to the other object(s) which will activate the window.
  7. The App drawer widget is on the screen and is selected, The following steps will place the widget within the window:
    1. Tap the Object Design Menu Copy icon which will remove the highlighting of the App drawer widget, but will change the Add icon to a new Add-Paste icon
    2. Now, to paste the copied widget into the window. Open the target window (tap the window widget)
      • In the upper right corner, tap the
    3. From the Add dialog, select Paste (see image)
      • The “App_Widget_Window” now contains the App Drawer widget
    4. Close the window by either tapping a blank space outside the window (if the full screen window has been down-sized earlier there should be enough edge space to do so) or by swipping right-to-left.
    5. The page still contains the original App drawer widget. Since that widget is now contained in the window, it is proper to delete the original App Drawer widget from the page.
      • In Edit On mode, tap and hold the App Drawer widget to select it.
      • Fron the Object Design Menu, select the Delete icon
      • The Confirm - Remove Selections dialog opens. Select OK
      • The widget is removed

The project is completed.

Discussion

Enter your comment. Wiki syntax is allowed:
Please solve the following equation to prove you're human. 163 -13 =