<composer>
	<sizer mode="vert"
	       expand="true,true"
	       lock="true,true"
	       fill="true,true"
	       border="2px"
	       border-color="#0F08">
		<sizer mode="hori"
		       expand="true,false"
		       lock="false,true"
		       fill="true,true">
			<button name="appl-theme-toggle"
			        toggle="true">
				<label expand="false,false" fill="true,true">default theme (cube)</label>
				<label expand="false,false" fill="true,true">rounded theme</label>
			</button>
			<button name="appl-previous-widget">
				<label expand="false,false" fill="true,true">Previous Widget</label>
			</button>
			<button name="appl-next-widget">
				<label expand="false,false" fill="true,true">Next Widget</label>
			</button>
			<button name="appl-next-gravity">
				<label name="appl-next-gravity-label" expand="false,false" fill="true,true">Next gravity<br/>(Buttom-Left)</label>
			</button>
			<label name="appl-label-test" expand="true,false" fill="true,true">Test :</label>
			<spacer expand="true,true"/>
		</sizer>
		<spacer min-size="(3,3)px" expand="true,false" fill="true" color="black"/>
		<sizer mode="hori"
		       expand="true,true"
		       lock="true,true"
		       fill="true,true">
			<scroll fill="true"
			        expand="false,true"
			        gravity="top"
			        lock="true,true"
			        limit="0,0.5"
			        min-size="25%"
			        hover="false">
				<sizer mode="vert"
				       expand="true,false"
				       fill="true"
				       name="appl-dynamic-config">
					<label expand="true" fill="true">No config</label>
				</sizer>
			</scroll>
			<sizerColor mode="hori"
			            expand="true,true"
			            fill="true,true"
			            border="10px"
			            border-color="#F008"
			            color-right="blueViolet"
			            color-left="magenta"
			            color-buttom="purple"
			            color-top="cyan"
			            name="appl-upper-test-widget">
				<!--
				<spacer expand="false,true" fill="true,true" min-size="12%" color="red"/>
				<spacer expand="false,false" fill="true,true" min-size="12%" color="green"/>
				<spacer expand="false,false" fill="true,true" min-size="12%" color="blue"/>
				-->
				<label name="[TEST]TO-TEST" expand="true" fill="true">No widget</label>
			</sizerColor>
		</sizer>
	</sizer>
</composer>
