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>Tasks List</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"/>
	</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"/>
		<!-- titleField -->
		<g transform="translate(0,150)">
			<rect class="bg field" x="100" y="0" width="152" height="30"/>
			<textArea id="f1.label" class="label" x="100" y="8" width="152">$4DEVAL(:C991("titleField"))</textArea>
			<rect id="f1" class="droppable field" x="100" y="0" width="152" height="30" stroke-dasharray="5,2" ios:type="-3" ios:bind="fields[0]"/>
			<use id="f1.cancel" x="222" y="1" xlink:href="#cancel" visibility="hidden"/>
		</g>
		<!-- subtitleField 1-->
		<g transform="translate(0,185)">
			<rect class="bg field" x="100" y="0" width="152" height="30"/>
			<textArea id="f2.label" class="label" x="100" y="8" width="152">$4DEVAL(:C991("subtitleField"))</textArea>
			<rect id="f2" class="droppable field" x="100" y="0" width="152" height="30" stroke-dasharray="5,2" ios:type="-3" ios:bind="fields[1]"/>
			<use id="f2.cancel" x="222" y="1" xlink:href="#cancel" visibility="hidden"/>
		</g>
		<!-- Tag -->
		<g transform="translate(0,220)">
			<rect class="bg field" x="100" y="0" width="152" height="30"/>
			<textArea id="f3.label" class="label" x="100" y="8" width="152">$4DEVAL(:C991("subtitleField"))</textArea>
			<rect id="f3" class="droppable field" x="100" y="0" width="152" height="30" stroke-dasharray="5,2" ios:type="-3" ios:bind="fields[2]"/>
			<use id="f3.cancel" x="222" y="1" xlink:href="#cancel" visibility="hidden"/>
		</g>
		<!-- GraphField -->
		<g transform="translate(0,150)">
			<rect class="bg field" x="14" y="0" width="80" height="100"/>
			<path class="circleGraph" transform="translate(25,18) scale(0.8)"/>
			<textArea id="f4.label" class="label" x="18" y="38" width="80">$4DEVAL(:C991("field[n]"))1</textArea>
			<rect id="f4" class="droppable field" x="14" y="0" width="80" height="100" stroke-dasharray="5,2" ios:type="1,8,9,25,35" ios:bind="fields[3]"/>
			<use id="f4.cancel" x="64" y="0" xlink:href="#cancel" visibility="hidden"/>
		</g>
	</g>
</svg>