The boxed application model serves two purposes, namely to have sliding forms that animate when you move between them, and also to avoid affecting anything outside the display.

This model is good for mobile applications where this behavior is expected, and it boxed applications can also co-exist on websites with other content, almost like how people used to add

flash modules to spice up a websites in the early 2k's.


When TQTXDOMApplicationBoxed starts, it immediately establishes it's little world (hence "boxed" as in "boxed in"):


The layout model looks like this:


Above: The forms live inside the viewport, and the viewport inside the display.


Whatever forms you have setup will be created with the viewport as its parent, and for good reason:


  • It allows us to animate and scroll the forms without affecting the display
  • It allows you to create widgets directly on the display, outside the scrolling region (perfect for toolbars that should remain unaffected by moving forms)
  • The display acts as a clipping region for whatever is going on inside it, ensuring that multiple boxed applications can co-exist on the same page