Copied to clipboard

Flag this post as spam?

This post will be reported to the moderators as potential spam to be looked at


  • Valentin Valeanu 20 posts 143 karma points
    Sep 17, 2019 @ 13:39
    Valentin Valeanu
    0

    Color Picker not working in umbraco 7.13.2

    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:

    enter image description here

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

    enter image description here

    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

    enter image description here

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

Please Sign in or register to post replies

Write your reply to:

Draft