Wiki source code of Development-Examples-Page Layout
Last modified by Pascal Robert on 2010/09/13 00:33
Show last authors
| author | version | line-number | content |
|---|---|---|---|
| 1 | Here is a trivial example of a page layout WOComponentContent: | ||
| 2 | |||
| 3 | {{code}} | ||
| 4 | |||
| 5 | <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> | ||
| 6 | <html> | ||
| 7 | <head> | ||
| 8 | <title> | ||
| 9 | <webobject name = "Title"></webobject> | ||
| 10 | </title> | ||
| 11 | <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> | ||
| 12 | <webobject name = "Stylesheet"></webobject> | ||
| 13 | </head> | ||
| 14 | |||
| 15 | <webobject name = "Body"> | ||
| 16 | <webobject name = "Form"> | ||
| 17 | <webobject name = "Table"> | ||
| 18 | <tr> | ||
| 19 | <td align = "left" valign = "top" colspan = "3"> | ||
| 20 | <webobject name = "Header"></webobject> | ||
| 21 | </td> | ||
| 22 | </tr> | ||
| 23 | <tr> | ||
| 24 | <td align = "left" valign = "top" colspan = "3"> | ||
| 25 | |||
| 26 | </td> | ||
| 27 | </tr> | ||
| 28 | <tr> | ||
| 29 | <td align = "left" valign = "top" class = "Margin"> | ||
| 30 | |||
| 31 | </td> | ||
| 32 | <td align = "left" valign = "top"> | ||
| 33 | <webobject name = "Content"></webobject> | ||
| 34 | </td> | ||
| 35 | <td align = "left" valign = "top" class = "Margin"> | ||
| 36 | |||
| 37 | </td> | ||
| 38 | </tr> | ||
| 39 | <tr> | ||
| 40 | <td align = "left" valign = "top" colspan = "3"> | ||
| 41 | |||
| 42 | </td> | ||
| 43 | </tr> | ||
| 44 | <tr> | ||
| 45 | <td align = "left" valign = "top" colspan = "3"> | ||
| 46 | <webobject name = "Footer"></webobject> | ||
| 47 | </td> | ||
| 48 | </tr> | ||
| 49 | </webobject> | ||
| 50 | </webobject> | ||
| 51 | </webobject> | ||
| 52 | </html> | ||
| 53 | |||
| 54 | {{/code}} | ||
| 55 | |||
| 56 | And the wod: | ||
| 57 | |||
| 58 | {{code}} | ||
| 59 | |||
| 60 | Title: WOString | ||
| 61 | { | ||
| 62 | value = title; | ||
| 63 | }; | ||
| 64 | |||
| 65 | Stylesheet: Stylesheet | ||
| 66 | { | ||
| 67 | }; | ||
| 68 | |||
| 69 | Body: WOBody | ||
| 70 | { | ||
| 71 | }; | ||
| 72 | |||
| 73 | Table: WOGenericContainer | ||
| 74 | { | ||
| 75 | elementName = "table"; | ||
| 76 | border = "0"; | ||
| 77 | cellSpacing = "0"; | ||
| 78 | cellPadding = "0"; | ||
| 79 | class = "FullWidth"; | ||
| 80 | }; | ||
| 81 | |||
| 82 | Form: WOForm | ||
| 83 | { | ||
| 84 | multipleSubmit = true; | ||
| 85 | }; | ||
| 86 | |||
| 87 | Header: Header | ||
| 88 | { | ||
| 89 | title = ^title; | ||
| 90 | page = ^page; | ||
| 91 | pathComponents = ^pathComponents; | ||
| 92 | }; | ||
| 93 | |||
| 94 | Footer: Footer | ||
| 95 | { | ||
| 96 | }; | ||
| 97 | |||
| 98 | Content: WOComponentContent | ||
| 99 | { | ||
| 100 | }; | ||
| 101 | |||
| 102 | {{/code}} | ||
| 103 | |||
| 104 | To use this layout, you could do the following in one of your pages: | ||
| 105 | |||
| 106 | {{code}} | ||
| 107 | |||
| 108 | <webobject name = "PageLayout"> | ||
| 109 | <webobject name = "Table"> | ||
| 110 | <tr> | ||
| 111 | <td align = "left" valign = "top"> | ||
| 112 | <webobject name = "Envelopes"></webobject> | ||
| 113 | </td> | ||
| 114 | <td align = "left" valign = "top" class = "Margin"> | ||
| 115 | |||
| 116 | </td> | ||
| 117 | <td align = "left" valign = "top" class = "FixColumn"> | ||
| 118 | <webobject name = "Table"> | ||
| 119 | <tr> | ||
| 120 | <td align = "left" valign = "top"> | ||
| 121 | <webobject name = "ThreadList"></webobject> | ||
| 122 | </td> | ||
| 123 | </tr> | ||
| 124 | <tr> | ||
| 125 | <td align = "left" valign = "top"> | ||
| 126 | <webobject name = "DocumentList"></webobject> | ||
| 127 | </td> | ||
| 128 | </tr> | ||
| 129 | <tr> | ||
| 130 | <td align = "left" valign = "top"> | ||
| 131 | <webobject name = "LinkList"></webobject> | ||
| 132 | </td> | ||
| 133 | </tr> | ||
| 134 | <tr> | ||
| 135 | <td align = "left" valign = "top"> | ||
| 136 | <webobject name = "RelatedList"></webobject> | ||
| 137 | </td> | ||
| 138 | </tr> | ||
| 139 | </webobject> | ||
| 140 | </td> | ||
| 141 | </tr> | ||
| 142 | </webobject> | ||
| 143 | </webobject> | ||
| 144 | |||
| 145 | {{/code}} | ||
| 146 | |||
| 147 | wod file: | ||
| 148 | |||
| 149 | {{code}} | ||
| 150 | |||
| 151 | PageLayout: PageLayout | ||
| 152 | { | ||
| 153 | title = title; | ||
| 154 | page = name; | ||
| 155 | pathComponents = pathComponents; | ||
| 156 | }; | ||
| 157 | |||
| 158 | Name: SpanString | ||
| 159 | { | ||
| 160 | value = value; | ||
| 161 | isBig = true; | ||
| 162 | isBold = true; | ||
| 163 | }; | ||
| 164 | |||
| 165 | Table: WOGenericContainer | ||
| 166 | { | ||
| 167 | elementName = "table"; | ||
| 168 | border = "0"; | ||
| 169 | cellSpacing = "0"; | ||
| 170 | cellPadding = "0"; | ||
| 171 | class = "FullWidth"; | ||
| 172 | }; | ||
| 173 | |||
| 174 | Envelopes: Table | ||
| 175 | { | ||
| 176 | list = envelopes; | ||
| 177 | keysDescription = "self|recipientNames.iterator.next|sentDate"; | ||
| 178 | headersDescription = "Subject|Recipient|Date"; | ||
| 179 | }; | ||
| 180 | |||
| 181 | ThreadList: List | ||
| 182 | { | ||
| 183 | title = "Thread"; | ||
| 184 | list = threads; | ||
| 185 | minimumSize = 0; | ||
| 186 | //maximumSize = 20; | ||
| 187 | }; | ||
| 188 | |||
| 189 | DocumentList: List | ||
| 190 | { | ||
| 191 | title = "Attachment"; | ||
| 192 | list = documents; | ||
| 193 | minimumSize = 0; | ||
| 194 | //maximumSize = 20; | ||
| 195 | }; | ||
| 196 | |||
| 197 | LinkList: List | ||
| 198 | { | ||
| 199 | title = "Link"; | ||
| 200 | list = links; | ||
| 201 | minimumSize = 0; | ||
| 202 | //maximumSize = 20; | ||
| 203 | }; | ||
| 204 | |||
| 205 | ListList: List | ||
| 206 | { | ||
| 207 | title = "List"; | ||
| 208 | list = lists; | ||
| 209 | minimumSize = 0; | ||
| 210 | }; | ||
| 211 | |||
| 212 | RelatedList: List | ||
| 213 | { | ||
| 214 | title = "Other"; | ||
| 215 | list = value.relatedNames; | ||
| 216 | minimumSize = 0; | ||
| 217 | }; | ||
| 218 | |||
| 219 | {{/code}} |