1 Form {
  2   name: "problemsForm"
  3   rows: "2"
  4   scriptURL:<< 
  5     function filterTable(str) {
  6       if(str==null) {
  7         problemsTable.unfilter();
  8         filterLabel.value="All Orders";
  9         filterLabel.foreground=window.getColor("black");
 10       }
 11       else {
 12         problemsTable.filter(0,str,false)
 13         filterLabel.value=str+" Orders";
 14         filterLabel.foreground=window.getColor("#800000");
 15       }
 16     }
 17     >> [inline=true]
 18   widgets {
 19     {
 20       GroupBox {
 21         columns: "7"
 22         borders: "none"
 23         contentPadding-bottom: "2"
 24         widgets {
 25           {
 26             PushButton {
 27               templateName: "viewsList"
 28               popupMenu {
 29                 {
 30                   value: "All"
 31                 } [ onAction="filterTable(null)" ]
 32                 {
 33                   value: "Active"
 34                 } [ onAction="filterTable('Active')" ]
 35                 {
 36                   value: "Inactive"
 37                 } [ onAction="filterTable('Inactive')" ]
 38               }
 39             }
 40           }
 41           {
 42             Label { bounds-width: "5ch" }
 43           }
 44           {
 45             Label {
 46               templateName: "viewLabel"
 47               name: "filterLabel"
 48               value: "Active problems"
 49             }
 50           }
 51           {
 52             Label { bounds-width: "5ch" }
 53           }
 54         }
 55       }
 56     }
 57     {
 58       SplitPane {
 59         name: "problemsSplitPane"
 60         splitProportions { ".75" }
 61         horizontalAlign: "full"
 62         verticalAlign: "full"
 63         regions {
 64           {
 65             viewer {
 66               Table {
 67                 templateName: "prototypeTable"
 68                 name: "problemsTable"
 69                 focusPainted: "false"
 70                 autoResizeMode: "none"
 71                 autoSizeRowsToFit: "true"
 72                 columns {
 73                   {title: "Status"; width: "10ch" }
 74                   {title: "Description"; textWrapping: "word"; width: "25ch" }
 75                   {
 76                     title: "Onset date"
 77                     valueType: "date_type"
 78                     valueContext: "|MMM dd, yyyy"
 79                     width: "10ch"
 80                   }
 81                   {
 82                     title: "Last Updated"
 83                     valueType: "date_type"
 84                     valueContext: "|MMM dd, yyyy"
 85                     width: "10ch"
 86                   }
 87                   {title: "Location"; width: "10ch" }
 88                   {title: "Provider"; width: "10ch" }
 89                   {title: "Service"; width: "10ch" }
 90                 }
 91                 dataURL: "data/problems.txt"
 92                 
 93                 /**
 94                  * Define a semi-transparent overlay image that automatically goes
 95                  * away when the user first interacts with the table
 96                  */
 97                 overlayImageURL: "lib:images/sticky-note.gif" [ renderType="upper_middle", opacity="75%", waitForLoad="true", displayed="before_interaction" ]
 98               }
 99             }
100           }
101           {
102             viewer {
103               DocumentPane {
104                 name: "problemDetails"
105                 borders: "shadow" [ thickness="7" ]
106               }
107             }
108           }
109         }
110       }
111     }
112   }
113 }
114 
115 
116 
117