template.svg

<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:ios="http://www.4d.com">
	<title>Five Label Table</title>
	<defs>
		<symbol id="cancel">
			<image x="0" y="0" width="30" height="30" xlink:href="$4DEVAL(tmpl_cancel)"/>
		</symbol>
		<text id="cookery" ios:values="search,section,f1,f2,f3,f4,f5"/>
	</defs>
	<!-- background -->
	<rect class="container"/>
	<rect class="bgcontainer"/>
	<g id="bgcontainer">
		<!-- searchableField -->
		<g transform="translate(0,60)">
			<rect class="bg field" x="14" y="0" width="238" height="30"/>
			<path class="magnifyingGlass" transform="translate(20,8) scale(1)"/>
			<textArea id="search.label" class="label" x="17" y="8" width="230" ios:tips='$4DEVAL(:C991("searchBoxTips"))'>$4DEVAL(:C991("fieldToUseForSearch"))</textArea>
			<rect id="search" class="droppable field optional multi-criteria" x="14" y="0" width="238" height="30" stroke-dasharray="5,2" ios:type="-3,-6" ios:bind="searchableField"/>
			<use id="search.cancel" x="224" y="1" xlink:href="#cancel" visibility="hidden"/>
		</g>
		<!-- sectionField -->
		<rect class="bg field" x="10" y="110" width="246" height="30"/>
		<textArea id="section.label" class="label" x="0" y="118" width="250" ios:tips='$4DEVAL(:C991("sectionTips"))'>$4DEVAL(:C991("fieldToUseAsSection"))</textArea>
		<rect id="section" class="droppable optional" x="10" y="110" width="246" height="30" stroke-dasharray="5,2" ios:type="-3,-6" ios:bind="sectionField"/>
		<use id="section.cancel" x="224" y="111" xlink:href="#cancel" visibility="hidden"/>

			<!-- Field 1 -->
		<g transform="translate(0,160)">
			<rect class="bg field" x="14" y="0" width="115" height="30"/>
			<textArea id="f1.label" class="label" x="18" y="8" width="107">Field 1</textArea>
			<rect id="f1" class="droppable field" x="14" y="0" width="115" height="30" stroke-dasharray="5,2" ios:type="-3" ios:bind="fields[0]"/>
			<use id="f1.cancel" x="102" y="1" xlink:href="#cancel" visibility="hidden"/>
		</g>
		<!-- Field 2 -->
		<g transform="translate(0,160)">
			<rect class="bg field" x="137" y="0" width="115" height="30"/>
			<textArea id="f2.label" class="label" x="141" y="8" width="107">Field 2</textArea>
			<rect id="f2" class="droppable field" x="137" y="0" width="115" height="30" stroke-dasharray="5,2" ios:type="-3" ios:bind="fields[1]"/>
			<use id="f2.cancel" x="224" y="1" xlink:href="#cancel" visibility="hidden"/>
		</g>
		<!-- Field 3 -->
		<g transform="translate(0,200)">
			<rect class="bg field" x="14" y="0" width="115" height="30"/>
			<textArea id="f3.label" class="label" x="18" y="8" width="107">Field 3</textArea>
			<rect id="f3" class="droppable field" x="14" y="0" width="115" height="30" stroke-dasharray="5,2" ios:type="-3" ios:bind="fields[2]"/>
			<use id="f3.cancel" x="102" y="1" xlink:href="#cancel" visibility="hidden"/>
		</g>

		<!-- Field 4 -->
		<g transform="translate(0,200)">
			<rect class="bg field" x="137" y="0" width="115" height="30"/>
			<textArea id="f4.label" class="label" x="141" y="8" width="107">Field 4</textArea>
			<rect id="f4" class="droppable field" x="137" y="0" width="115" height="30" stroke-dasharray="5,2" ios:type="-3" ios:bind="fields[3]"/>
			<use id="f4.cancel" x="224" y="1" xlink:href="#cancel" visibility="hidden"/>
		</g>

		<!-- Field 5 -->
		<g transform="translate(0,240)">
			<rect class="bg field" x="14" y="0" width="238" height="30"/>
			<textArea id="f5.label" class="label" x="14" y="8" width="230">Field 5</textArea>
			<rect id="f5" class="droppable field" x="14" y="0" width="238" height="30" stroke-dasharray="5,2" ios:type="-3" ios:bind="fields[4]"/>
			<use id="f5.cancel" x="224" y="1" xlink:href="#cancel" visibility="hidden"/>
		</g>
	</g>
</svg>