1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
|
<!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>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="selection-properties.css">
<script type="text/montage-serialization">
{
"owner": {
"prototype": "js/components/tools-properties/selection-properties.reel",
"properties": {
"element": {"#": "selectionProperties"},
"transform": {"#": "transformCheck"},
"topAlign": {"#": "topAlignBtn"},
"middleAlign": {"#": "middleAlignBtn"},
"bottomAlign": {"#": "bottomAlignBtn"},
"leftAlign": {"#": "leftAlignBtn"},
"centerAlign": {"#": "centerAlignBtn"},
"rightAlign": {"#": "rightAlignBtn"},
"distTop": {"#": "distTopBtn"},
"distMiddle": {"#": "distMiddleBtn"},
"distBottom": {"#": "distBottomBtn"},
"distLeft": {"#": "distLeftBtn"},
"distCenter": {"#": "distCenterBtn"},
"distRight": {"#": "distRightBtn"},
"arrangeBringForward": {"#": "arrangeBringForwardBtn"},
"arrangeSendBackward": {"#": "arrangeSendBackwardBtn"},
"arrangeBringToFront": {"#": "arrangeBringToFrontBtn"},
"arrangeSendToBack": {"#": "arrangeSendToBackBtn"}
}
}
}
</script>
</head>
<body>
<div data-montage-id="selectionProperties" class="subToolHolderPanel optionsSelectionTool">
<input data-montage-id="transformCheck" type="checkbox" name="transformControl" class="nj-skinned"/>
<label class="label">Transform Control</label>
<div class="toolOptionsSpacer"> </div>
<button data-montage-id="topAlignBtn" class="nj-skinned" role="button"><div id="topAlign" class="selectionToolIcon alignTopIcon" title="Align Top"/></button>
<button data-montage-id="middleAlignBtn" class="nj-skinned" role="button"><div id="middleAlign" class="selectionToolIcon alignMiddleIcon" title="Align Vertical Center"/></button>
<button data-montage-id="bottomAlignBtn" class="nj-skinned" role="button"><div id="bottomAlign" class="selectionToolIcon alignBottomIcon" title="Align Bottom"></button>
<div class="toolOptionsSpacer"> </div>
<button data-montage-id="leftAlignBtn" class="nj-skinned" role="button"><div id="leftAlign" class="selectionToolIcon alignLeftIcon" title="Align Left"/></button>
<button data-montage-id="centerAlignBtn" class="nj-skinned" role="button"><div id="centerAlign" class="selectionToolIcon alignCenterIcon" title="Align Horizontal Center"/></button>
<button data-montage-id="rightAlignBtn" class="nj-skinned" role="button"><div id="rightAlign" class="selectionToolIcon alignRightIcon" title="Align Right"/></button>
<div class="toolOptionsSpacer"> </div>
<button data-montage-id="distTopBtn" class="nj-skinned" role="button"><div id="distTop" class="selectionToolIcon distTopIcon" title="Distribute Top"/></button>
<button data-montage-id="distMiddleBtn" class="nj-skinned" role="button"><div id="distMiddle" class="selectionToolIcon distMiddleIcon" title="Distribute Vertical Center"/></button>
<button data-montage-id="distBottomBtn" class="nj-skinned" role="button"><div id="distBottom" class="selectionToolIcon distBottomIcon" title="Distribute Bottom"/></button>
<div class="toolOptionsSpacer"> </div>
<button data-montage-id="distLeftBtn" class="nj-skinned" role="button"><div id="distLeft" class="selectionToolIcon distLeftIcon" title="Distribute Left"/></button>
<button data-montage-id="distCenterBtn" class="nj-skinned" role="button"><div id="distCenter" class="selectionToolIcon distCenterIcon" title="Distribute Horizontal Center"/></button>
<button data-montage-id="distRightBtn" class="nj-skinned" role="button"><div id="distRight" class="selectionToolIcon distRightIcon" title="Distribute Right"/></button>
<div class="toolOptionsSpacer"> </div>
<button data-montage-id="arrangeBringForwardBtn" class="nj-skinned" role="button"><div id="arrangeBringForward" class="selectionToolIcon arrangeBringForwardIcon" title="Bring Forward"/></button>
<button data-montage-id="arrangeSendBackwardBtn" class="nj-skinned" role="button"><div id="arrangeSendBackward" class="selectionToolIcon arrangeSendBackwardIcon" title="Send Backward"/></button>
<button data-montage-id="arrangeBringToFrontBtn" class="nj-skinned" role="button"><div id="arrangeBringToFront" class="selectionToolIcon arrangeBringToFrontIcon" title="Bring To Front"/></button>
<button data-montage-id="arrangeSendToBackBtn" class="nj-skinned" role="button"><div id="arrangeSendToBack" class="selectionToolIcon arrangeSendToBackIcon" title="Send To Back"/></button>
</div>
</body>
</html>
|