Um eine Box in einer Boxely Anwendung zu zeichen, muss das s:fill Attribut verwendet werden. Dieses Attribut kann viele Werte enthalten, einschließlich eingebauter Systemfarben (red, blue, green, black, yellow, usw.), Farben die Teil des Windows Themes sind (wie die Farbe der aktiven Titelleiste eines Fensters), einer HEX Farbkonstante, oder gar einem Bild.
Um eine eingebaute Farbe zu verwenden, nutzen wir folgenden Code:
<box id="myBox" s:height="100" s:width="100" s:fill="yellow" />
Um eine Systemfarbe zu verwenden, legen wir das s:fill Attribut auf eine Boxely UI Toolkit Farbkonstante fest, wie in folgendem Code gezeigt:
<box id="myBox" s:height="100" s:width="100" s:fill="sysColorActiveGrdRight" />
Szstemfarben sind aus zwei Gründen vorteilhaft: Erstens, die dargestellte Farbe repräsentiert die aktuellen Windows Einstellungen des Benutzers, und zweitens, wenn die Anwendung im hohen Kontrast Modus ausgeführt wird, werden die hohen Kontrast Einstellungen von Windows automatisch in die Anwendung übernommen.
HEX Zahlen sind eine Möglichkeit Farben auf Webseiten festzulegen (HTML und CSS). Um HEX Farben in einer Boxely Anwendung zu verwenden, kann folgender Code verwendet werden:
<box id="myBox" s:height="100" s:width="100" s:fill="#FFFF33CC" />
Das Boxely UI Toolkit erlaubt Farben sowohl im #ARGB als auch im #RGB Format. Wird der Alpha Wert weggelassen, wird ein fester Alpha (FF) Kanal verwendet.
Das Boxely UI Toolkit erlaubt es eine Box mit einem Bild zu füllen. Dies ermöglicht es grafische Elemente in eine Boxely Anwendung einzubinden. Um ein Bild zu verwenden, muss die Quelle zunächst in einer Library deklaiert werden.
<library xmlns="http://www.aol.com/boxely/resource.xsd">
<bitmap id="myImageID" src="myImage.png"/>
</library>
Sobald das Bild deklaiert ist, kann es verwendet werden, um eine Box wie folgt zu füllen:
<box s:width="100" s:height="100" s:fill="url(#myImageID)" />