Change color of UI element

  • fachgesellschaften
    Gefragt am 7. Dezember 2023 um 05:53

    Guten Tag

    Kann man die Farbe der Sternenbewertung personalisieren? Ich habe gesehen, dass ich gelbe und blaue Sterne haben kann. Könnte man auch grüne Sterne haben?

    Besten Dank für die Rückmeldung.

    Freundliche Grüsse
    Carole Villiger
    +41 58 595 12 60

  • Rahul Jotform Support
    Geantwortet am 7. Dezember 2023 um 08:20

    Hi fachgesellschaften,

    Thanks for reaching out to Jotform Support. Unfortunately, our German Support agents are busy helping other Jotform users at the moment. I'll try to help you in English using Google Translate, but you can reply in whichever language you feel comfortable using. Or, if you'd rather have support in German, let us know and we can have them do that. But, keep in mind that you'd have to wait until they're available again.

    Now, let me help you with your question. Can you share the form URL in question and point out for which UI element you want to change the color? I can provide you with Custom CSS to change the color of the UI element.

    Once we hear back from you, we'll be able to move forward with a solution.


  • fachgesellschaften
    Geantwortet am 12. Dezember 2023 um 06:42

    Hi,

    Thanks for your answer. English isn't a problem. Sorry, I haven't come back to you earlier. I had a few days off.

    Hier the form URL: https://form.jotform.com/232772002524346

    It's the question number one with the stars.

    And now my questions is: can we change the colour of the stars when you click e.g 3 stars? Now they are yellow and we would love to have them in the green of the report.

    Change color of UI element Image 1 Screenshot 30

    Change color of UI element Image 2 Screenshot 41

    Thanks for the your answer.

    Carole

  • Christopher Jotform Support
    Geantwortet am 12. Dezember 2023 um 08:54

    Hi fachgesellschaften,

    Thanks for getting back to us. We can only inject custom CSS code for Classic Form in the Form Builder page, and is not available on the Report Builder page. Also, we cannot apply conditional logic with CSS code, which means that it is not possible to change the color of the star based on the number of selected stars. When updating the color of the star, not only you will need a custom CSS code, but also you will need an image of the star with a different color to replace the default yellow star image used for the Star Rating form element.

    Let us know if there’s anything else we can help you with.