Skip to main content

Upload Widget background overlay

John Kahrs

Is there ANY plan to change the dimmer overlay on the Upload Widget to something other than blue? Or better yet, include it in the styles we can configure? The current color choice is jarring if your site doesn't contain blue.

I've seen posts about this going back 5 years with no solution. I'd be happy with a hack workaround for it.

0

Comments

8 comments

Date Votes
  • Erwin Lukas

    Hi John,

    Thanks for reaching out to us.

    In case you are not aware, we have Upload Widget demo where you can overwrite certain theme color. Have you give it a try and see if that's what you are looking for?

    If you don't see the options there, can you share/highlight a screenshot of which one that you want to change the color for "dimmer overlay" on the Upload Widget?

    Regards,
    Erwin Lukas

    0
  • Backbone App

    Hey Erwin,

    I'm pretty sure John and I are after the same thing.  Specifically this:

    0
  • Danny Valentine

    Hey.

    Thanks for getting in touch.

    Unfortunately the background color isn't configurable at this moment in time, and due to the way the upload widget is rendered using an iframe, overriding the default style isn't possible with CSS.

    If you like though, I can raise a feature request with our development team to potentially add background color customization in the future.

    Please let me know if you'd like me to do so.

    Thanks,
    -Danny

    0
  • Backbone App

    Hey Danny,

     

    I would greatly appreciate it if you raised a feature request for this one.  While I believe I can work around this specific issue by using the `inlineContainer` config option along with my own modal and underlay, it feels strange that I have to go to such lengths for a widget with a controllable theme.

    Another theming issue I've noticed is that the text color of the link button is being set automatically to a color of high contrast.  While I appreciate and respect the nod toward accessibility, it again feels strange that a themable widget doesn't allow direct control of this color; especially since I could change almost everything else to low-contrast options at will.  I'm happy to open a second support request if protocol demands it, but it would be pretty rad to see both of these tackled at the same time.

    0
  • Danny Valentine
    Edited

    Hi.

    I've raised both of these in a feature request on your behalf (ref CSFRQ-262).

    I'm afraid I'm unable to provide a timeline for when this might get addressed, but please keep an eye on the Upload Widget demo page over the coming weeks/months,

    If you have any further questions, please just drop a comment here or raise a ticket via our Support Portal.

    Thanks,
    -Danny

    0
  • Permanently deleted user

    Any update on this? Seems kind of odd that it's not possible.

    0
  • Danny Valentine

    Hi Alex.

    I've just checked on the feature request ticket and it has been reviewed by our development team, but unfortunately I can't give any estimate as to when the feature might be implemented.

    Please feel free to check the Upload Widget demo page periodically. Once the feature has been released, this is where you'll be able to see it.

    Thanks,
    -Danny

    0
  • Danny Valentine

    Just to let you know, the Upload Widget has been updated to allow you to change the background colour. Simply specify the colour you want using an RGBA hex value like so: https://codesandbox.io/s/upload-widget-forked-bng4v

    styles: {
      frame: { 
        background: "#00FF0045"
      }
    }

    This currently isn't available as a live preview in the Upload Widget Demo page, however this will be added in due course.

    Thanks,
    -Danny

    0

Post is closed for comments.

Didn't find what you were looking for?

New post