<!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> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <link rel="stylesheet" href="properties.css" type="text/css"> <script type="text/montage-serialization"> { "elementName": { "prototype": "montage/ui/textfield.reel", "properties": { "element": {"#": "elementName"}, "readOnly": true } }, "elementId": { "prototype": "montage/ui/textfield.reel", "properties": { "element": {"#": "elementId"}, "readOnly": false } }, "elementClass": { "module": "montage/ui/textfield.reel", "name": "Textfield", "properties": { "element": {"#": "elementClass"}, "readOnly": false } }, "PosSizeSection": { "module": "js/panels/properties.reel/section.reel", "name": "Section", "properties": { "element": {"#": "PosSize"}, "content" : {"@": "PosSize"}, "name" : "Position And Size" } }, "PosSize": { "module": "js/panels/properties.reel/sections/position-and-size.reel", "name": "PosSize" }, "threeDSection": { "module": "js/panels/properties.reel/section.reel", "name": "Section", "properties": { "element": {"#": "threeD"}, "content" : {"@": "threeDProperties"}, "name" : "3D Position And View" } }, "threeDProperties": { "module": "js/panels/properties.reel/sections/three-d-view.reel", "name": "ThreeD" }, "CustomSections": { "module": "montage/ui/repetition.reel", "name": "Repetition", "properties": { "element": {"#": "customSections"} }, "bindings": { "objects": { "boundObject": {"@": "owner"}, "boundObjectPropertyPath": "customSections", "oneway": true } } }, "customSection": { "module": "js/panels/properties.reel/section.reel", "name": "Section", "properties": { "element": {"#": "customSection"} }, "bindings": { "content": { "boundObject": {"@": "CustomSections"}, "boundObjectPropertyPath": "objectAtCurrentIteration.content", "oneway": true }, "name": { "boundObject": {"@": "CustomSections"}, "boundObjectPropertyPath": "objectAtCurrentIteration.name", "oneway": true } } }, "owner": { "module": "js/panels/properties.reel", "name": "Properties", "properties": { "element": {"#": "propertiesPanel"}, "elementName": {"@": "elementName"}, "elementClass": {"@": "elementClass"}, "elementId": {"@": "elementId"}, "positionSize": {"@": "PosSize"}, "threeD": {"@": "threeDProperties"} } } } </script> </head> <body> <section id="propertiesPanel" class="propertiesPanel"> <section class="sectional"> <section class="fieldCol"> <label>Element:</label> <article class="fieldRow"><input type="text" id="elementName" class="nj-skinned" readonly="readonly"></article> </section> <section class="fieldCol"> <label>ID:</label> <article class="fieldRow"><input type="text" id="elementId" class="nj-skinned" /></article> </section> <section class="fieldCol"> <label>Class:</label> <article class="fieldRow"><input type="text" id="elementClass" class="nj-skinned" /></article> </section> </section> <section id="PosSize"></section> <section id="customSections"> <div id="customSection"></div> </section> <section id="threeD"></section> </section> </body> </html>