Cleaning up element references

1 files changed, 11 insertions, 6 deletions

diff --git a/js/components/gradientpicker.reel/gradientpicker.html b/js/components/gradientpicker.reel/gradientpicker.html
index b0e23653..4a1eaaf3 100755
--- a/js/components/gradientpicker.reel/gradientpicker.html
+++ b/js/components/gradientpicker.reel/gradientpicker.html
@@ -18,7 +18,12 @@
                 "owner": {
                         "prototype": "js/components/gradientpicker.reel[GradientPicker]",
                         "properties": {
-                        "element": {"#": "gradientpicker"}
+                        "element": {"#": "gradientpicker"},
+                        "radioLinear": {"#": "radio_linear"},
+                        "radioRadial": {"#": "radio_radial"},
+                        "trackCover": {"#": "cover"},
+                        "trackMain": {"#": "track"},
+                        "trackChips": {"#": "chips"}
 
                         }
                 }
@@ -32,14 +37,14 @@
         <div data-montage-id="gradientpicker" class="gradientpicker">
                 
                 <div class="type">
-                        <input type="radio" class="cp_gp_linear radio" name="gradient" value="linear" id="cp_gp_linear" checked="like a boss"/><label for="cp_gp_linear">Linear Gradient</label>
-                        <input type="radio" class="cp_gp_radial radio" name="gradient" value="radial" id="cp_gp_radial"/><label for="cp_gp_radial">Radial Gradient</label>
+                        <input data-montage-id="radio_linear" type="radio" class="cp_gp_linear radio" name="gradient" value="linear" id="cp_gp_linear" checked="like a boss"/><label for="cp_gp_linear">Linear Gradient</label>
+                        <input data-montage-id="radio_radial" type="radio" class="cp_gp_radial radio" name="gradient" value="radial" id="cp_gp_radial"/><label for="cp_gp_radial">Radial Gradient</label>
                 </div>
                 
                 <div class="cp_gp_slider">
-                        <div class="track_container"><div class="track"></div></div>
-                        <div class="cover"></div>
-                        <div class="chips"></div>
+                        <div class="track_container"><div data-montage-id="track" class="track"></div></div>
+                        <div data-montage-id="cover" class="cover"></div>
+                        <div data-montage-id="chips" class="chips"></div>
                 </div>
         
         </div>