Stylování vzhledu.

src/main/webapp/lists/buildings/building.zul

@@ -1,23 +1,47 @@
 <?page title="${labels.AgendaBuildings}" contentType="text/html;charset=UTF-8"?>
 <zk>
 	<?variable-resolver class="org.zkoss.zkplus.spring.DelegatingVariableResolver"?>
-	<window border="normal" apply="org.zkoss.bind.BindComposer" viewModel="@id('vm') @init('info.bukova.isspst.ui.buildings.BuildingList')">
-		<caption zclass="form-caption" label="${labels.AgendaBuildings}" />
+	<window
+		vflex="1"
+		border="normal"
+		apply="org.zkoss.bind.BindComposer"
+		viewModel="@id('vm') @init('info.bukova.isspst.ui.buildings.BuildingList')">
+		<caption
+			image="/img/house-032.png"
+			zclass="form-caption"
+			label="${labels.AgendaBuildings}" />
 		<include src="/app/toolbar.zul" />
-
 		<hbox width="100%">
-			<listbox model="@load(vm.dataList)" selectedItem="@bind(vm.dataBean)" hflex="4">
+			<listbox
+				vflex="1"
+				model="@load(vm.dataList)"
+				selectedItem="@bind(vm.dataBean)"
+				hflex="4">
 				<listhead menupopup="auto">
-					<listheader label="${labels.BuildingsGridColumnCode}" sort="czech(code)" width="10%" />
-					<listheader label="${labels.BuildingsGridColumnName}" sort="czech(name)" width="30%" />
-					<listheader label="${labels.BuildingsGridColumnDescription}" sort="czech(description)" width="60%" />
+					<listheader
+						label="${labels.BuildingsGridColumnCode}"
+						sort="czech(code)"
+						width="10%" />
+					<listheader
+						label="${labels.BuildingsGridColumnName}"
+						sort="czech(name)"
+						width="30%" />
+					<listheader
+						label="${labels.BuildingsGridColumnDescription}"
+						sort="czech(description)"
+						width="60%" />
 				</listhead>
-				
-				<auxhead sclass="category-center" visible="@load(vm.filter)">
+				<auxhead
+					sclass="category-center"
+					visible="@load(vm.filter)">
 					<auxheader>
 						<div sclass="find-grid-cell">
 							<div sclass="find-grid-divtextbox">
-								<textbox value="@bind(vm.filterTemplate.code)" instant="true" onChange="@command('doFilter')" sclass="find-grid-textbox" />
+								<textbox
+									value="@bind(vm.filterTemplate.code)"
+									instant="true"
+									onChange="@command('doFilter')"
+									sclass="find-grid-textbox" />
 							</div>
 							<div sclass="find-grid-img">
 								<image src="/img/funnel.png" />
@@ -27,7 +51,11 @@
 					<auxheader>
 						<div sclass="find-grid-cell">
 							<div sclass="find-grid-divtextbox">
-								<textbox value="@bind(vm.filterTemplate.name)" instant="true" onChange="@command('doFilter')" sclass="find-grid-textbox" />
+								<textbox
+									value="@bind(vm.filterTemplate.name)"
+									instant="true"
+									onChange="@command('doFilter')"
+									sclass="find-grid-textbox" />
 							</div>
 							<div sclass="find-grid-img">
 								<image src="/img/funnel.png" />
@@ -37,7 +65,11 @@
 					<auxheader>
 						<div sclass="find-grid-cell">
 							<div sclass="find-grid-divtextbox">
-								<textbox value="@bind(vm.filterTemplate.description)" instant="true" onChange="@command('doFilter')" sclass="find-grid-textbox" />
+								<textbox
+									value="@bind(vm.filterTemplate.description)"
+									instant="true"
+									onChange="@command('doFilter')"
+									sclass="find-grid-textbox" />
 							</div>
 							<div sclass="find-grid-img">
 								<image src="/img/funnel.png" />
@@ -45,7 +77,6 @@
 						</div>
 					</auxheader>
 				</auxhead>
-				
 				<template name="model">
 					<listitem>
 						<listcell label="@load(each.code)" />
@@ -55,29 +86,30 @@
 				</template>
 			</listbox>
 			<vbox>
-				<label value="${labels.BuildingsGridRooms}"/>
-				<grid model="@load(vm.dataBean.rooms)" hflex="6">
+				<label value="${labels.BuildingsGridRooms}" />
+				<grid
+					model="@load(vm.dataBean.rooms)"
+					hflex="6">
 					<columns menupopup="auto">
-						<column label="${labels.code}"/>
-						<column label="${labels.name}"/>
-						<column label="${labels.shortcut}"/>
-						<column label="${labels.number}"/>
-						<column label="${labels.floor}"/>
+						<column label="${labels.code}" />
+						<column label="${labels.name}" />
+						<column label="${labels.shortcut}" />
+						<column label="${labels.number}" />
+						<column label="${labels.floor}" />
 					</columns>
 					<rows>
 						<template name="model">
 							<row>
-								<label value="@bind(each.code)"/>
-								<label value="@bind(each.name)"/>
-								<label value="@bind(each.shortcut)"/>
-								<label value="@bind(each.number)"/>
-								<label value="@bind(each.floor)"/>
+								<label value="@bind(each.code)" />
+								<label value="@bind(each.name)" />
+								<label value="@bind(each.shortcut)" />
+								<label value="@bind(each.number)" />
+								<label value="@bind(each.floor)" />
 							</row>
 						</template>
 					</rows>
 				</grid>
 			</vbox>
 		</hbox>
-
 	</window>
 </zk>