+
+ <hbox flex="1">
+ <groupbox>
+ <caption label="&img.size.title;"/>
+ <hbox align="center">
+ <label value="&img.width.label;" control="imgWidth"/>
+ <textbox id="imgWidth" size="4"
+ preference="mandelbrot.image.width"
+ onchange="recalcCoord('Ci', 'scale');"/>
+ </hbox>
+ <hbox align="center">
+ <label value="&img.height.label;" control="imgHeight"/>
+ <textbox id="imgHeight" size="4"
+ preference="mandelbrot.image.height"
+ onchange="recalcCoord('Cr', 'scale');"/>
+ </hbox>
+ </groupbox>
+
+ <groupbox>
+ <caption label="&preview.title;"/>
+ <hbox flex="1" pack="center" align="center">
+ <html:canvas id="mbrotPreview" width="50" height="50"></html:canvas>
+ </hbox>
+ <button id="previewButton" label="&previewDraw.label;" oncommand="drawPreview();"/>
+ </groupbox>
+
+ <groupbox>
+ <caption label="&options.title;"/>
+ <hbox align="center">
+ <checkbox id="syncProp"
+ preference="mandelbrot.syncProportions"
+ onclick="checkProportions();"/>
+ <label value="&syncProp.label;" control="syncProp"/>
+ </hbox>
+ </groupbox>
+ </hbox>