Cloudinary upload widget - styling upload preview image (width and height)

Comments

3 comments

  • Avatar
    Roee Ben Ari

    To customise the progress thumbnail container, you will actually need to apply changes to several selectors, which are pre-defined with fixed width and height values.

    Please refer to the following sample project (on jsFiddle) -

    https://jsfiddle.net/roee_ba/9owtj8uo/

    0
    Comment actions Permalink
  • Avatar
    Petros Tirokomos

    Thank you very much for the help, Ben-Ari! I appreciate it very much!

    I will let you know below about the exact issue.

    I have styling a minimal version of Widget. I have upload a working example here:

    https://jsfiddle.net/9owtj8uo/9/

    http://res.cloudinary.com/di2a8qkzv/image/upload/v1479396426/fgjcpb6ms6pv2nnnmyqm.jpg

    It works fine, except the preview image height/width during the upload.

    Here is what I want to achieve:

    - display:none for any preview image

    - display a gif (progress bar 32x32px) instead

    background: url("http://techdefencelabs.com/public/img/loading.gif")

    ... a result closer to this.

    I have spend countless hours for it, but it seems I make one spoils the other. The styling of the widget is very difficult!

    The only I can hope is a help from the support forum, 'cause the above is a good minimal version of the uploader and shame to not be functional...

    Regards,

    Peter

    0
    Comment actions Permalink
  • Avatar
    Roee Ben Ari

    Hi Peter, can you please open a support ticket and share with us your use-case and the code you are currently using, so we can have a closer look at this?

    0
    Comment actions Permalink

Please sign in to leave a comment.