<!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"} } }, "elementId": { "prototype": "montage/ui/textfield.reel", "properties": { "element": {"#": "elementId"} } }, "elementClass": { "prototype": "montage/ui/textfield.reel", "properties": { "element": {"#": "elementClass"} } }, "PosSizeSection": { "prototype": "js/panels/properties.reel/section.reel", "properties": { "element": {"#": "PosSize"}, "content" : {"@": "positionSize"}, "name" : "Position And Size" } }, "positionSize": { "prototype": "js/panels/properties.reel/sections/position-size.reel" }, "threeDSection": { "prototype": "js/panels/properties.reel/section.reel", "properties": { "element": {"#": "threeD"}, "content" : {"@": "threeDProperties"}, "name" : "3D Position And View" } }, "threeDProperties": { "prototype": "js/panels/properties.reel/sections/three-d-view.reel[ThreeD]", "bindings": { "currentDocument": {"<-": "@owner.currentDocument"} } }, "CustomSections": { "prototype": "montage/ui/repetition.reel", "properties": { "element": {"#": "customSections"} }, "bindings": { "objects": { "boundObject": {"@": "owner"}, "boundObjectPropertyPath": "customSections", "oneway": true } } }, "customSection": { "prototype": "js/panels/properties.reel/section.reel", "properties": { "element": {"#": "customSection"} }, "bindings": { "content": { "boundObject": {"@": "CustomSections"}, "boundObjectPropertyPath": "objectAtCurrentIteration.content", "oneway": true }, "name": { "boundObject": {"@": "CustomSections"}, "boundObjectPropertyPath": "objectAtCurrentIteration.name", "oneway": true } } }, "owner": { "prototype": "js/panels/properties.reel", "properties": { "element": {"#": "propertiesPanel"}, "elementName": {"@": "elementName"}, "elementClass": {"@": "elementClass"}, "elementId": {"@": "elementId"}, "positionSize": {"@": "positionSize"}, "threeD": {"@": "threeDProperties"} } } } </script> </head> <body> <section data-montage-id="propertiesPanel" class="propertiesPanel"> <section class="sectional"> <section class="fieldCol"> <label>Element:</label> <article class="fieldRow"><input type="text" data-montage-id="elementName" class="nj-skinned" readonly="readonly"></article> </section> <section class="fieldCol"> <label>ID:</label> <article class="fieldRow"><input type="text" data-montage-id="elementId" class="nj-skinned" /></article> </section> <section class="fieldCol"> <label>Class:</label> <article class="fieldRow"><input type="text" data-montage-id="elementClass" class="nj-skinned" /></article> </section> </section> <section data-montage-id="PosSize"></section> <section data-montage-id="customSections"> <div data-montage-id="customSection"></div> </section> <section data-montage-id="threeD"></section> </section> </body> </html>