Programming__WebObjects-Web Applications-Development-Examples-Page Layout

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