aboutsummaryrefslogtreecommitdiff
path: root/js/panels/properties.reel/sections/position-size.reel/position-size.html
diff options
context:
space:
mode:
Diffstat (limited to 'js/panels/properties.reel/sections/position-size.reel/position-size.html')
-rwxr-xr-xjs/panels/properties.reel/sections/position-size.reel/position-size.html126
1 files changed, 126 insertions, 0 deletions
diff --git a/js/panels/properties.reel/sections/position-size.reel/position-size.html b/js/panels/properties.reel/sections/position-size.reel/position-size.html
new file mode 100755
index 00000000..5d1a805a
--- /dev/null
+++ b/js/panels/properties.reel/sections/position-size.reel/position-size.html
@@ -0,0 +1,126 @@
1<!DOCTYPE html>
2<!-- <copyright>
3This file contains proprietary software owned by Motorola Mobility, Inc.<br/>
4No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.<br/>
5(c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved.
6</copyright> -->
7<html lang="en">
8<head>
9 <link rel="stylesheet" href="position-size.css" type="text/css">
10 <script type="text/montage-serialization">
11 {
12 "owner": {
13 "prototype" : "js/panels/properties.reel/sections/position-size.reel",
14 "properties" : {
15 "element" : {"#": "section"},
16 "position": {"#": "position"},
17 "leftLabel": {"#": "labelX"},
18 "leftControl": {"@": "PosX"},
19 "topLabel": {"#": "labelY"},
20 "topControl": {"@": "PosY"},
21 "heightControl": {"@": "PosH"},
22 "widthControl": {"@": "PosW"},
23 "bindButton": {"@": "bindButton"}
24 }
25 },
26
27 "PosX": {
28 "prototype": "js/components/hottextunit.reel[HotTextUnit]",
29 "properties": {
30 "element": {"#": "PosX"},
31 "maxValue": 10000,
32 "minValue": -10000
33 },
34 "bindings": {
35 "value": {"<<->": "@owner.leftPosition"}
36 }
37 },
38 "PosY": {
39 "prototype": "js/components/hottextunit.reel[HotTextUnit]",
40 "properties": {
41 "element": {"#": "PosY"},
42 "maxValue": 10000,
43 "minValue": -10000
44 },
45 "bindings": {
46 "value": {"<<->": "@owner.topPosition"}
47 }
48 },
49
50 "PosH": {
51 "prototype": "js/components/hottextunit.reel[HotTextUnit]",
52 "properties": {
53 "element": {"#": "PosH"}
54 },
55 "bindings": {
56 "value": {"<<->": "@owner.heightSize"}
57 }
58 },
59
60 "PosW": {
61 "prototype": "js/components/hottextunit.reel[HotTextUnit]",
62 "properties": {
63 "element": {"#": "PosW"},
64 "acceptableUnits" : ["px", "%"],
65 "units": "px"
66 },
67 "bindings": {
68 "value": {"<<->": "@owner.widthSize"}
69 }
70
71 },
72 "bindButton": {
73 "prototype": "montage/ui/toggle-button.reel",
74 "properties": {
75 "element": {"#": "posBound"},
76 "pressedClass": "lockUp",
77 "preventFocus": true,
78 "identifier": "ratio"
79 }
80 }
81 }
82 </script>
83</head>
84<body>
85 <div data-montage-id="section" class="sectional">
86 <section data-montage-id="position" class="fieldCol">
87 <label data-montage-id="labelX">Left:</label>
88 <article class="fieldRow twoCol">
89 <div>
90 <div class="inputField">
91 <div data-montage-id="PosX"></div>
92 </div>
93 </div>
94 <div>
95 <div>
96 <label data-montage-id="labelY">Top:</label>
97 </div>
98 <div class="inputField">
99 <div data-montage-id="PosY"></div>
100 </div>
101 </div>
102 </article>
103 </section>
104 <hr />
105 <section class="fieldCol">
106 <button data-montage-id="posBound" id="posBound" class="unlock"></button>
107 <label>Width:</label>
108 <article class="fieldRow twoCol">
109 <div>
110 <div class="inputField">
111 <div data-montage-id="PosW"></div>
112 </div>
113 </div>
114 <div>
115 <div>
116 <label>Height:</label>
117 </div>
118 <div class="inputField">
119 <div data-montage-id="PosH"></div>
120 </div>
121 </div>
122 </article>
123 </section>
124 </div>
125</body>
126</html> \ No newline at end of file