<!DOCTYPE html> <!-- <copyright> This file contains proprietary software owned by Motorola Mobility, Inc.<br/> No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.<br/> (c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved. </copyright> --> <html lang="en"> <head> <link rel="stylesheet" href="position-and-size.css" type="text/css"> <script type="text/montage-serialization"> { "owner": { "module" : "js/panels/properties.reel/sections/position-and-size.reel", "name" : "PosSize", "properties" : { "element" : {"#": "section"}, "position": {"#": "position"}, "leftLabel": {"#": "labelX"}, "leftControl": {"@": "PosX"}, "topLabel": {"#": "labelY"}, "topControl": {"@": "PosY"}, "heightControl": {"@": "PosH"}, "widthControl": {"@": "PosW"}, "bindButton": {"@": "bindButton"} } }, "PosX": { "module": "js/components/hottextunit.reel", "name": "HotTextUnit", "properties": { "element": {"#": "PosX"}, "maxValue": 10000, "minValue": -10000 }, "bindings": { "value": { "boundObject": {"@": "owner"}, "boundObjectPropertyPath": "leftPosition", "oneway": false } } }, "PosY": { "module": "js/components/hottextunit.reel", "name": "HotTextUnit", "properties": { "element": {"#": "PosY"}, "maxValue": 10000, "minValue": -10000 }, "bindings": { "value": { "boundObject": {"@": "owner"}, "boundObjectPropertyPath": "topPosition", "oneway": false } } }, "PosH": { "module": "js/components/hottextunit.reel", "name": "HotTextUnit", "properties": { "element": {"#": "PosH"} }, "bindings": { "value": { "boundObject": {"@": "owner"}, "boundObjectPropertyPath": "heightSize", "oneway": false } } }, "PosW": { "module": "js/components/hottextunit.reel", "name": "HotTextUnit", "properties": { "element": {"#": "PosW"} }, "bindings": { "value": { "boundObject": {"@": "owner"}, "boundObjectPropertyPath": "widthSize", "oneway": false } } }, "bindButton": { "prototype": "montage/ui/toggle-button.reel", "properties": { "element": {"#": "posBound"}, "pressedClass": "lockUp", "preventFocus": true, "identifier": "ratio" } } } </script> </head> <body> <div id="section" class="sectional"> <section id="position" class="fieldCol"> <label id="labelX">Left:</label> <article class="fieldRow twoCol"> <div> <div class="inputField"> <div id="PosX"></div> </div> </div> <div> <div> <label id="labelY">Top:</label> </div> <div class="inputField"> <div id="PosY"></div> </div> </div> </article> </section> <hr /> <section class="fieldCol"> <button id="posBound" class="unlock"></button> <label>Width:</label> <article class="fieldRow twoCol"> <div> <div class="inputField"> <div id="PosW"></div> </div> </div> <div> <div> <label>Height:</label> </div> <div class="inputField"> <div id="PosH"></div> </div> </div> </article> </section> </div> </body> </html>