Search code examples
jqueryhtmlcssuploadify

How to make Uploadify queue scrollable

Just a quick question I can't find the answer to. How can I make the uploadify queue div scrollable. I noticed that the queued files are saved to a class named uploadify-queue. I tried modifying the uploadify.css by adding width,height and overflow but doesn't work. I think the queue files are floating.

My HTML structure:

<div id="Uploader">
  <div id="UploaderSpot">
    <div id="UploaderField">
      // this content is replaced by Uploadify
    </div>
  </div>
</div>

My problem is that div UploaderSpot has a fixed with and height and if I select to upload 100 files, those files get queue outside UploaderField...

Example: enter image description here

Can anyone help me?

Solution

  • The problem is that Uploadify creates a child container DIV inside. Try styling this:

    <style type="text/css">
.uploadifyQueue {
     height: 200px;
     overflow: scroll;
}
</style>