2 files changed, 14 insertions, 8 deletions
diff --git a/js/components/ui/property-control.reel/property-control.html b/js/components/ui/property-control.reel/property-control.html
index 549925b5..bd0b49b7 100755
--- a/js/components/ui/property-control.reel/property-control.html
+++ b/js/components/ui/property-control.reel/property-control.html
@@ -1,4 +1,4 @@
-<!DOCTYPE HTML>
+<!doctype html>
 <!-- <copyright>
 Copyright (c) 2012, Motorola Mobility, Inc
 All Rights Reserved.
diff --git a/js/components/ui/property-control.reel/property-control.js b/js/components/ui/property-control.reel/property-control.js
index 6e0a3916..49ee7334 100755
--- a/js/components/ui/property-control.reel/property-control.js
+++ b/js/components/ui/property-control.reel/property-control.js
@@ -39,7 +39,8 @@ var Montage = require("montage/core/core").Montage,
    TextField = require("js/components/TextField.reel").TextField,
    ColorChip = require("js/components/ui/color-chip.reel").ColorChip,
    FileInput = require("js/components/ui/file-input.reel").FileInput,
-    InputGroup = require("js/components/ui/input-group.reel").InputGroup;
+    InputGroup = require("js/components/ui/input-group.reel").InputGroup,
+    GradientPicker = require("js/components/gradientpicker.reel").GradientPicker;
 var PropertyControl = exports.PropertyControl = Montage.create(Component, {
@@ -169,15 +170,15 @@ var PropertyControl = exports.PropertyControl = Montage.create(Component, {
    },
    handleEvent:
-        {
+    {
-                value:function(event)
+        value:function(event)
-                {
+        {
            if(event.wasSetByCode) {
                return;
            }
            this._dispatchPropEvent(event);
-                }
+        }
-        },
+    },
    _dispatchPropEvent: {
        value: function(event) {
@@ -195,7 +196,7 @@ var PropertyControl = exports.PropertyControl = Montage.create(Component, {
            propEvent.propertyLabel = this.label;
            propEvent.propertyValue = event.currentTarget[this._prop];
            propEvent.propertyEvent = event;
-            
            this.dispatchEvent(propEvent);
        }
    },
@@ -261,6 +262,11 @@ var PropertyControl = exports.PropertyControl = Montage.create(Component, {
                    this._control.addEventListener("changing", this, false);
                    this._prop = "value";
                    break;
+                case "GradientPicker":
+                    this._control = GradientPicker.create();
+                    this._control.addEventListener("change", this, false);
+                    this._prop = "value";
+                    break;
                default:
                    break;
            }