Question

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:

Can anyone help me?

Answer 1

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

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