File Upload - Change Colour Of Box | Experience Community
Skip to main content
Solved

File Upload - Change Colour Of Box

  • August 17, 2023
  • 2 replies
  • 125 views
P
Level 5 ●●●●●
Forum|alt.badge.img+5

Hi Everyone

How would I change the colour of the file upload box.

And possibly the text and border if needed.

Thanks :)

Best answer by Tom_1842

To change the background color and to add a border to the file upload question, try adding the below CSS to the Style section of the survey’s Look & Feel:

.JFEScope .dropzone {
border: solid 1px red !important;
background: #90EE90 !important;
}

To change the text that displays within the dropzone, add the below to the OnReady section of the question’s JavaScript:

jQuery("#"+this.questionId+" div.dz-default.dz-message > span > button").text("Text Here");

 

    2 replies

    Tom_1842
    Level 8 ●●●●●●●●
    Forum|alt.badge.img+28
    • Tom_1842
    • Level 8 ●●●●●●●●
    • Answer
    • August 17, 2023

    To change the background color and to add a border to the file upload question, try adding the below CSS to the Style section of the survey’s Look & Feel:

    .JFEScope .dropzone {
    border: solid 1px red !important;
    background: #90EE90 !important;
    }

    To change the text that displays within the dropzone, add the below to the OnReady section of the question’s JavaScript:

    jQuery("#"+this.questionId+" div.dz-default.dz-message > span > button").text("Text Here");

     

      P
      Level 5 ●●●●●
      Forum|alt.badge.img+5
      • parkie_0007
      • Author
      • Level 5 ●●●●●
      • August 18, 2023

      🪩

      Terms & ConditionsAccessibility statement