Bevor man diese Anleitung benutzt, ist es wichtig, sich mit den Elementen einer Boxely Anwendung vertraut zu machen.
Eine Boxely Anwendung ist eine Ansammlung an XML und JavaScript Dateien, die die Benutzerumgebung und die damit verbundene Logik dahinter beschreiben. Eine typische Anwendung wird durch eine XML Datei, die ein Basisfensterelement enthält, das das Hauptfenster der Anwendung dem Benutzer präsentiert. In diesem Basiselement sind die folgenden Arten von Objekten: Boxen, Biliotheken, Resourcen und Scripten.
Angefangen mit dem einfachsten Schwierigkeitsgrad, beschreibt die XML Datei eine Boxely Anwendung, die eine Hierarchie von Boxen enthält, welche Anordnungen auf dem Bildschirm repräsentieren. Zusätzlich zum Anwendungsfenster repräsentieren Boxen interaktive Steuerung, Bilder, und Text. Boxen können in vielfältiger Weise angeordnet und "gestylt" werden, sowie dazu programmiert werden, auf Benutzereingaben zu reagieren und zeitbasierte Animationen auszuführen.
Eine Resource ist ein Object, das einige Charakteristiken von einer oder mehreren Boxen beschreibt und von jedweder Anzahl an Boxen gleichzeitig benutzt werden kann. Die verfügbaren Resourcen schließen Visual Styles, Bitmaps, Farbverläufe, Gadgets, Event Handler, und Animationen ein. Resourcen sind normalerweise in Bibliotheken zusammengefasst, die einmal in den Speicher geladen werden und von allen Szenen verwendet werden können.
Um die Elemente einer XML Datei nützliche Funktionen auszuführen, kann man JavaScript Funktionen schreiben, um derartige Aufgaben, wie das Öffnen eines neuen Fensters, Manipulieren einer Box, oder das Erstellen einer neuen Box, auszuführen.
JavaScript Funktionen werden in Reaktion auf einen Vorgang (Event) aufgerufen, die während der Anwendungslaufzeit stattfinden. Unterstützte Vorgänge schließen Animationsvorgänge, Tastatur- und Mauseingaben, DOM Events, und mehr, ein.