Wiki source code of Web Applications-Development-Examples-Page Layout
Version 3.1 by Pascal Robert on 2007/09/03 14:45
Hide last authors
author | version | line-number | content |
---|---|---|---|
![]() |
1.1 | 1 | Here is a trivial example of a page layout WOComponentContent: |
2 | |||
3 | {{code}} | ||
4 | |||
![]() |
3.1 | 5 | <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> |
![]() |
1.1 | 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"> | ||
![]() |
3.1 | 25 | |
![]() |
1.1 | 26 | </td> |
27 | </tr> | ||
28 | <tr> | ||
29 | <td align = "left" valign = "top" class = "Margin"> | ||
![]() |
3.1 | 30 | |
![]() |
1.1 | 31 | </td> |
32 | <td align = "left" valign = "top"> | ||
33 | <webobject name = "Content"></webobject> | ||
34 | </td> | ||
35 | <td align = "left" valign = "top" class = "Margin"> | ||
![]() |
3.1 | 36 | |
![]() |
1.1 | 37 | </td> |
38 | </tr> | ||
39 | <tr> | ||
40 | <td align = "left" valign = "top" colspan = "3"> | ||
![]() |
3.1 | 41 | |
![]() |
1.1 | 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 | |||
![]() |
3.1 | 58 | {{code}} |
![]() |
1.1 | 59 | |
![]() |
3.1 | 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 | }; | ||
![]() |
1.1 | 101 | |
![]() |
3.1 | 102 | {{/code}} |
![]() |
1.1 | 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"> | ||
![]() |
3.1 | 112 | <webobject name = "Envelopes"></webobject> |
![]() |
1.1 | 113 | </td> |
114 | <td align = "left" valign = "top" class = "Margin"> | ||
![]() |
3.1 | 115 | |
![]() |
1.1 | 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 | |||
![]() |
3.1 | 149 | {{code}} |
![]() |
1.1 | 150 | |
![]() |
3.1 | 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 | }; | ||
![]() |
1.1 | 218 | |
![]() |
3.1 | 219 | {{/code}} |