Git Product home page Git Product logo

Comments (5)

adamcoulombe avatar adamcoulombe commented on September 28, 2024 1

Other pages (eg. display testing) within fpp use a color picker from a javascript library (colpick)
image

from fpp.

jaredb7 avatar jaredb7 commented on September 28, 2024 1

Had some issues with the modal breaking the colpick plugin when it closed, but it's turned out nice.
image

from fpp.

jaredb7 avatar jaredb7 commented on September 28, 2024

It appears for the colour input we're relying on the browsers browsers picker to allow the user to choose a colour and we're just taking the HEX value that's returned by the colour picker.

This is chrome's built in colour picker, it's not obvious initially but if you click the in the section where R G B is, you can switch between the different colour definition modes. 3rd one is HEX you're chasing.
Doesn't appear to be a way to force one mode over another and also if it could be done not all browsers support the same ones.

image

from fpp.

jaredb7 avatar jaredb7 commented on September 28, 2024

That would be ideal for the commands requiring colour input, I'm sure the existing implementation was done for a reason. It literally requires nothing more than a input element with type colour and then everything else is automatic.
It works, but not entirely full featured and consistent.

image

I did have a play switching it over to colpick, but unsure what other changes are required.
image

from fpp.

dkulp avatar dkulp commented on September 28, 2024

If it looks like that will work, please submit a pull request. That looks much better.

from fpp.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.