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>Triple Circle</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="f1,f2,f3,f4,f5,f6,f7,f8,f9,f10"/>
		<!-- template -->
		<g id="f" visibility="hidden" ios:dy="35">
			<rect class="bg field" x="14" y="0" width="238" height="30"/>
			<textArea id="f.label" class="label" x="14" y="8" width="238">field[n]</textArea>
			<rect id="f" class="droppable field multivalued" x="14" y="0" width="238" height="30" stroke-dasharray="5,2" ios:type="-3"/>
			<use id="f.cancel" x="224" y="1" xlink:href="#cancel" visibility="hidden"/>
		</g>
	</defs>
	<!-- background -->
	<rect class="container"/>
	<rect class="bgcontainer"/>
	<g id="bgcontainer">
		<!-- imageField -->
		<g transform="translate(0,60)">
			<rect class="bg field" x="100" y="0" width="65" height="65"/>
			<path class="picture" transform="translate(25 5) scale(5)"/>
			<textArea id="f1.label" class="label" x="100" y="25" width="65">$4DEVAL(:C991("picture"))</textArea>
			<rect id="f1" class="droppable field" x="100" y="0" width="65" height="65" stroke-dasharray="5,2" ios:type="3" ios:bind="fields[0]"/>
			<use id="f1.cancel" x="118" y="-2" xlink:href="#cancel" visibility="hidden"/>
		</g>
		<!-- Field 1 -->
		<g transform="translate(0,132)">
			<rect class="bg field" x="14" y="0" width="238" height="30"/>
			<textArea id="f2.label" class="label" x="18" y="8" width="230">$4DEVAL(:C991("field[n]")) 1</textArea>
			<rect id="f2" class="droppable field" x="14" y="0" width="238" height="30" stroke-dasharray="5,2" ios:type="-3" ios:bind="fields[1]"/>
			<use id="f2.cancel" x="226" y="1" xlink:href="#cancel" visibility="hidden"/>
		</g>
		<!-- Field 2 -->
		<g transform="translate(0,167)">
			<rect class="bg field" x="14" y="0" width="238" height="30"/>
			<textArea id="f3.label" class="label" x="18" y="8" width="230">$4DEVAL(:C991("field[n]")) 2</textArea>
			<rect id="f3" class="droppable field" x="14" y="0" width="238" height="30" stroke-dasharray="5,2" ios:type="-3" ios:bind="fields[2]"/>
			<use id="f3.cancel" x="226" y="1" xlink:href="#cancel" visibility="hidden"/>
		</g>
		<!-- Field 3 -->
		<g transform="translate(0,205)">
			<rect class="bg field" x="12" y="0" width="78" height="78"/>
			<path class="circleGraph" transform="translate(22,12) scale(0.8)"/>
			<textArea id="f4.label" class="label" x="16" y="34" width="70">$4DEVAL(:C991("field[n]")) 3</textArea>
			<rect id="f4" class="droppable field" x="12" y="0" width="78" height="78" stroke-dasharray="5,2" ios:type="1,8,9,25,35" ios:bind="fields[3]"/>
			<use id="f4.cancel" x="38" y="1" xlink:href="#cancel" visibility="hidden"/>
		</g>
		<!-- Field 4 -->
		<g transform="translate(0,205)">
			<rect class="bg field" x="94" y="0" width="78" height="78"/>
			<path class="circleGraph" transform="translate(105,12) scale(0.8)"/>
			<textArea id="f5.label" class="label" x="98" y="34" width="70">$4DEVAL(:C991("field[n]")) 4</textArea>
			<rect id="f5" class="droppable field" x="94" y="0" width="78" height="78" stroke-dasharray="5,2" ios:type="1,8,9,25,35" ios:bind="fields[4]"/>
			<use id="f5.cancel" x="120" y="1" xlink:href="#cancel" visibility="hidden"/>
		</g>
		<!-- Field 5 -->
		<g transform="translate(0,205)">
			<rect class="bg field" x="176" y="0" width="78" height="78"/>
			<path class="circleGraph" transform="translate(186,12) scale(0.8)"/>
			<textArea id="f6.label" class="label" x="180" y="34" width="70">$4DEVAL(:C991("field[n]")) 5</textArea>
			<rect id="f6" class="droppable field" x="176" y="0" width="78" height="78" stroke-dasharray="5,2" ios:type="1,8,9,25,35" ios:bind="fields[5]"/>
			<use id="f6.cancel" x="202" y="1" xlink:href="#cancel" visibility="hidden"/>
		</g>
		<!-- Field n -->
		<g id="multivalued">
			<g transform="translate(0,290)">
				<rect class="bg field" x="14" y="0" width="238" height="30"/>
				<textArea id="f7.label" class="label" x="14" y="8" width="238">$4DEVAL(:C991("field[n]"))6</textArea>
				<rect id="f7" class="droppable field multivalued" x="14" y="0" width="238" height="30" stroke-dasharray="5,2" ios:type="-3" ios:bind="fields[6]"/>
				<use id="f7.cancel" x="224" y="1" xlink:href="#cancel" visibility="hidden"/>
			</g>
		</g>
	</g>
</svg>