Add flag for abs/rel position

Signed-off-by: Jonathan Duran <jduran@motorola.com>

2 files changed, 7 insertions, 2 deletions

diff --git a/js/panels/Timeline/TimelinePanel.reel/TimelinePanel.html b/js/panels/Timeline/TimelinePanel.reel/TimelinePanel.html
index 5234b43d..1b7132b9 100644
--- a/js/panels/Timeline/TimelinePanel.reel/TimelinePanel.html
+++ b/js/panels/Timeline/TimelinePanel.reel/TimelinePanel.html
@@ -185,8 +185,8 @@
                                 <div class="layer-master">Master Layer
                                         <div class="tl-configbutton" data-montage-id="tl-configbutton">
                                                 <div class="tl-dropdown">
-                                                                                        <div class="checkable checked" data-montage-id="checkable_relative">Use relative positioning</div>
-                                                                                        <div class="checkable" data-montage-id="checkable_absolute">Use absolute positioning</div>
+                                                                                        <div class="checkable" data-montage-id="checkable_relative">Use relative positioning</div>
+                                                                                        <div class="checkable checked" data-montage-id="checkable_absolute">Use absolute positioning</div>
                                                                                         <div class="nj-divider divider-horizontal"></div>
                                                         <div class="checkable" data-montage-id="checkable_animated">Show only animated layers</div>
                                                 </div>
diff --git a/js/panels/Timeline/TimelinePanel.reel/TimelinePanel.js b/js/panels/Timeline/TimelinePanel.reel/TimelinePanel.js
index 0062affe..ae1489ec 100644
--- a/js/panels/Timeline/TimelinePanel.reel/TimelinePanel.js
+++ b/js/panels/Timeline/TimelinePanel.reel/TimelinePanel.js
@@ -305,6 +305,9 @@ var TimelinePanel = exports.TimelinePanel = Montage.create(Component, {
     _scrollTracks: {
         value: false
     },
+    useAbsolutePosition:{
+        value:true
+    },
     /* === END: Models === */
     /* === BEGIN: Draw cycle === */
     prepareForDraw:{
@@ -1213,6 +1216,7 @@ var TimelinePanel = exports.TimelinePanel = Montage.create(Component, {
                 }
                 this.checkable_absolute.classList.remove("checked");
                 // TODO: Use relative positioning
+            this.useAbsolutePosition = false;
         }
     },
     handleAbsoluteClick: {
@@ -1222,6 +1226,7 @@ var TimelinePanel = exports.TimelinePanel = Montage.create(Component, {
                 }
                 this.checkable_relative.classList.remove("checked");
                 // TODO: Use absolute positioning.
+            this.useAbsolutePosition = true;
         }
     },
     handleCheckableClick: {