<!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="content.css" type="text/css"> <script type="text/montage-serialization"> { "elementNameInput1": { "module": "montage/ui/textfield.reel", "name": "Textfield", "properties": { "element": {"#": "elementName"}, "readOnly": true }, "bindings": { "value": { "boundObject": {"@": "owner"}, "boundObjectPropertyPath": "elementName", "oneway": true } } }, "elementID": { "module": "montage/ui/textfield.reel", "name": "Textfield", "properties": { "element": {"#": "elementID"}, "readOnly": false }, "bindings": { "value": { "boundObject": {"@": "owner"}, "boundObjectPropertyPath": "elementID", "oneway": true } } }, "elementClass": { "module": "montage/ui/textfield.reel", "name": "Textfield", "properties": { "element": {"#": "elementClassName"}, "readOnly": false }, "bindings": { "value": { "boundObject": {"@": "owner"}, "boundObjectPropertyPath": "elementClassName", "oneway": true } } }, "PosSizeSection": { "module": "js/panels/properties/section.reel", "name": "Section", "properties": { "element": {"#": "PosSize"}, "content" : {"@": "PosSize"}, "name" : "Position And Size" } }, "PosSize": { "module": "js/panels/properties/sections/position-and-size.reel", "name": "PosSize" }, "threeDSection": { "module": "js/panels/properties/section.reel", "name": "Section", "properties": { "element": {"#": "threeD"}, "content" : {"@": "threeDProperties"}, "name" : "3D Position And View" } }, "threeDProperties": { "module": "js/panels/properties/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/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/Content.reel", "name": "Content", "properties": { "element": {"#": "propertiesPanel"}, "elementNameInput": {"@": "elementNameInput1"}, "elementId": {"@": "elementID"}, "positionSize": {"@": "PosSize"}, "threeD": {"@": "threeDProperties"} } } } </script> </head> <body> <section id="propertiesPanel" class="propertiesPanel"> <section class="sectional"> <section class="fieldCol"> <label id="lblElement">Element:</label> <article class="fieldRow"><input type="text" id="elementName" class="nj-skinned" readonly="readonly"></article> </section> <section class="fieldCol"> <label id="lblID">ID:</label> <article class="fieldRow"><input type="text" id="elementID" class="nj-skinned" /></article> </section> <section class="fieldCol"> <label id="lblClass">Class:</label> <article class="fieldRow"><input type="text" id="elementClassName" 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>