How Can I have a success message/error after uploading multiplie upload.

  • Profile Image
    mjahangir
    Asked on March 29, 2013 at 01:23 PM

    Dear all, can you check this form. http://www.andanterecords.com/submit/submit.html

    Can I haave something diferent when a file uploaded. after loading and percent done, is it possible to make box in another color, or i.e: says: Finished.

     

    Any Idea ?

  • Profile Image
    mjahangir
    Answered on March 29, 2013 at 01:50 PM

    Any IDEA???

  • Profile Image
    Welvin
    Answered on March 29, 2013 at 02:28 PM

    Hi,

    We can change the color by injecting custom CSS codes. This codes;

    While Uploading:

    .qq-upload-file qq-file-uploading {background: orange !important;}

    Finished Uploading:

    . qq-upload-success {background: black !important;}

    Change the colors to your preferrend one. Guide: How to Inject Custom CSS Codes

    I hope this helps.

    Thanks

  • Profile Image
    mjahangir
    Answered on March 29, 2013 at 03:36 PM

    Thanks.

     

    I added but nothing changed!!

     

    .qq-upload-list li {
        position:relative;
        font-size: 11px;
        margin: 8px 0;
        color: #fff;
        padding: 2px 4px;
        background: #000000;
        -moz-border-radius: 5px 5px;
        -webkit-border-radius: 5px 5px;
        border-radius: 5px 5px;
        white-space: normal;
        border:1px solid transparent;
    }

    .qq-upload-success {background:red !important;}

    .qq-upload-file,.qq-upload-spinner, .qq-upload-size, .qq-upload-cancel, .qq-upload-failed-text {
        font-size:9px;
        line-height:16px;
    }

    .qq-file-uploading{
        display: inline-block;
        overflow: hidden;
        white-space: nowrap;
        width: 80px;
    }

  • Profile Image
    Welvin
    Answered on March 29, 2013 at 04:12 PM

    Hi,

    I've check the form on the web and it is different from the form on your account and found out that you are using the Source Codes and you customize it before embedding on your website.

    You will have to add the custom CSS codes to the source codes that are placed on your website. Add that on the CSS Area.

    By the way, only add this codes:

    . qq-upload-success {background: red !important;}

    This will change the color of the bar when uploading is finished.

    Screenthot:

    Thanks

  • Profile Image
    mjahangir
    Answered on March 29, 2013 at 05:45 PM

    Amazing, Thanks a lot

    Fixed!

  • Profile Image
    mjahangir
    Answered on March 29, 2013 at 05:46 PM

    By the way, is it possible to add a icon to RED box? (when finished)

    How can I add an attached icon '16*16" to the right side when finsihed box appear?

     

    Many thanks for your spport.

    m

  • Profile Image
    EltonCris
    Answered on March 29, 2013 at 06:28 PM

    @mjahangir

    You can use this:

    .qq-upload-success {

    font-style: italic;

    font-color: #000;

    background: url('http://cdn.jotfor.ms/images/exclamation-octagon.png') no-repeat 80% 50% #E0C56C !important;

    }

    Just replace the image URL (blue link) to your success image icon. Icon's position will look like this: (You can change icon's position by changing the percentage numbers (red) on the CSS codes above.)

    Thanks!