Programming__WebObjects-Web Applications-Development-Examples-Page Layout

author	version	line-number	content
		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