Hey Umbraco

Right now I am trying to add a color picker to the grid layout. I have created a new file, called colorpicker.html and added it on the following path umbraco/Views/prevalueeditors.

Bellow you can see how colorpicker.html looks like:

<div ng-controller="Umbraco.PropertyEditors.ColorPickerController">
    <ul class="thumbnails color-picker">
        <li ng-repeat="preval in model.prevalues" ng-class="{active: model.value === preval.value}">
            <a ng-click="toggleItem(preval)" class="thumbnail" hex-bg-color="{{preval.color}}">
                <div class="check_circle">
                    <i class="icon icon-check small"></i>
                </div>
            </a>
            <span class="color-label" ng-bind="preval.key"></span>
        </li>
    </ul>
    <input type="hidden" name="modelValue" ng-model="model.value" val-property-validator="validateMandatory" />
</div>

And here you can see a part of grid layout/style:

Finally, on the designer window it looks something like this:

The only problem is that when i click one of the cells above it should mark the cliked element as selected but it doesn't. Moreover, on another website that runs version 7.12.2 this works.

Here is an image showing how this looks on a website running 7.12.2

I really hope that somebody has a solution to this, hope to hear from you and thanks in advance.