Component: Primeng color picker is not working

primefaces / primeng

The Most Complete Angular UI Component Library

https://primeng.org

Other

10.44k stars 4.6k forks source link

Component: Primeng color picker is not working #16586

Open DHANUSH-31 opened 2 weeks ago

DHANUSH-31 commented 2 weeks ago

Describe the bug

angular version : 14 prime ng version : 9.1.3 color picker is not working

Environment

local

Reproducer

No response

Angular version

14.3.0

PrimeNG version

9.1.3

Build / Runtime

Angular CLI App

Language

TypeScript

Node version (for AoT issues node --version)

10.8.2

Browser(s)

chrome latest

Steps to reproduce the behavior

we have added the code for color picker and the shades are static

Expected behavior

hsel-dove commented 2 weeks ago

Having the same issue on Angular v18 & PrimeNg v17.18.11.

DHANUSH-31 commented 2 weeks ago

any solution ?

mrafiqk commented 2 weeks ago

Looks like the resource images are corrupted. I replaced the images and added some style in css. It worked. FYI: style.css / style.scss

/* You can add global styles to this file, and also import other style files */
.p-colorpicker-panel .p-colorpicker-color {
    background: transparent url("assets/img/custom-color.png") no-repeat left top
}

.p-colorpicker-panel .p-colorpicker-hue {
    background: transparent url("assets/img/custom-hue.png") no-repeat left top !important;
}

custom-color.png

custom-hue.png