1 Form {
 2   verticalAlign: full
 3   horizontalAlign: full
 4   scriptURL:<< 
 5     //sage.strictScriptingMode=false
 6     sage.optimizationEnabled=false
 7   
 8 >>
 9   layout: forms
10   rows: "14dlu,f:d:g,14dlu,d,14dlu"
11   columns: "d:g"
12   widgets {
13     {
14       StackPane {
15         name: "canvasStack"
16         verticalAlign: full
17         horizontalAlign: full
18         bounds {
19           x: "0"
20           y: "1"
21         }
22         viewerURLs {
23           "canvas/blob.sdf"
24           "canvas/touch.sdf"
25           "canvas/starfield.sdf"
26         }
27       }
28     }
29     {
30       GroupBox {
31         borders {
32           line_3d [ cornerArc="6" ]
33         }
34         horizontalAlign: center
35         bgColor: "Sage.controlLtGradient,Sage.controlLtGradient-20,defaultBackground-10,defaultBackground"
36         bounds {
37           x: "0"
38           y: "3"
39         }
40         layout: forms
41         rows: "d"
42         columns: "d,d,d,d,d,d"
43         widgets {
44           {
45             PushButton {
46               bounds {
47                 x: "0"
48                 y: "0"
49               }
50               templateName: "headerButton"
51               value: "BlobSallad"
52               rolloverEnabled: false
53               groupName: "skinColor"
54               selected: true
55             } [ onAction="canvasStack.switchTo(0)" ]
56           }
57           {
58             PushButton {
59               bounds {
60                 x: "2"
61                 y: "0"
62               }
63               templateName: "headerButton"
64               value: "JS Touch"
65               rolloverEnabled: false
66               groupName: "skinColor"
67             } [ onAction="canvasStack.switchTo(1)" ]
68           }
69           {
70             PushButton {
71               bounds {
72                 x: "4"
73                 y: "0"
74               }
75               templateName: "headerButton"
76               value: "Starfield"
77               rolloverEnabled: false
78               groupName: "skinColor"
79             } [ onAction="canvasStack.switchTo(2)" ]
80           }
81         }
82       }
83     }
84     {
85       Line {
86         bounds {
87           x: "0"
88           y: "2"
89         }
90       }
91     }
92   }
93 }
94 
95