Image Picker widget: labels unreadable, change GUI font color

  • indonesiadancechart
    Asked on April 17, 2024 at 7:48 AM

    Next Question,

    I wanna make a image picker for my voting or pool,

    What tool or widget to change this 3 font color (screen shoot of the image? Responden Login With Social Media or Email Image 1 Screenshot 20 Screenshot 10

  • Frédéric JotForm Support
    Replied on April 17, 2024 at 8:19 AM

    Hi indonesiadancechart,

    Thanks for reaching out to Jotform Support. Let me show you how change the font color of the Image picker widget, it's easy, you just need to inject the following CSS code into the widget:

    .imageLabel {
    color : #ffffff
    }


    1. In Form Builder, go to the Build page.
    2. Select the Image Picker widget and click on its wander icon.
    3. On the right panel, go to the Custom CSS tab, and paste the CSS code above in the dedicated area.Image Picker widget: labels unreadable, change GUI font color Image 1 Screenshot 30

    As a result, the image labels are now in white, the color being defined with the hexadecimal value #ffffff.

    Image Picker widget: labels unreadable, change GUI font color Image 2 Screenshot 41

    About the font color of the text shown by your arrows #2, appearing in blue upcase, this can't be changed since it's defined for of all of the user interface of the widget Anyway, this part doesn't appear in the form itself when it's published.

    As well as for the font color of the text shown by your arrow #3, unfortunately it seems that the text color doesn't allow reading easily the text even if we change the theme of the browser. So, I've gone ahead and escalated your request to our developers, but when or if it's developed depends on their workload, how viable it is, and how many other users also request it. If there are any updates, we’ll circle back to this thread and let you know.

    Thanks for your patience and understanding, we appreciate it.

  • Frédéric JotForm Support
    Replied on April 18, 2024 at 3:09 AM

    Hi indonesiadancechart,

    Thanks for getting back. I confirm that I created a ticket and escalated this to our Developer team.

    Although we don't know exactly when the issue will be fixed, we’ll circle back to this thread when we have an update.

    Thanks for your patience and understanding, we appreciate it.

 
Your Answer