Styles Sample Code

Using styles, you can control the appearance of objects in your user interface such as width and height, orientation, alignment, fill color, etc. For additional information on styles, please check the Boxely User Guide: Chapter 2 - Using Styles.

The following code shows how you can style a box to your desired appearance.

<?xml version="1.0" encoding="utf-8" ?>

<?import href="box://ocpToolkit/content/windowingPack/windowGadgets.box"?>
<?import href="box://ocpToolkit/content/core/coreGadgets.box"?>
<?import href="box://ocpToolkit/theme/default/toolkit.box"?>

<appWindow xmlns="http://www.aol.com/boxely/box.xsd"
  xmlns:s="http://www.aol.com/boxely/style.xsd"
  chromeless="true"
  s:height="400" s:width="300"   
  title="You Got Style" >  
  
  <box id="myBox" s:height="100" s:fill="white" s:hAlign="center" s:vAlign="center"
    s:stroke="black" s:strokeWidth="1" s:strokeCornerRadius="4" 
    s:fillCornerRadius="4" s:padding="1 4 2 4" s:margin="10">
    
    <text id="greeting" value="Hello World!" />
    
  </box> 

</appWindow>  
  

up next: Gadgets