I figured it out...Turns out that in order for scroll to work, that
div need a height or width parameter. Makes perfect sense!
So the div now looks like this
<div id="feedback-list" style="height: 250px"></div>
On Sep 3, 11:59 am, "[EMAIL PROTECTED]" <[EMAIL PROTECTED]> wrote:
> Hi everyone. I want to display a long list of elements inside a modal
> Dialog(). I want that list to scroll when it reaches the edge of the
> Dialog box. For some reason, the bars appear but they wont scroll down
> nor up. (For information purposes, elements (divs) are dynamically
> added to #feedback-list in the javascript.) Thanks for your time.
>
> Heres the html
>
> <div id="feedback">
>
> <form id="feedback-form" method="post" action=".">
> <div class="title">{{ form.title }}</div>
> <input type="submit" value="Submit"> or <a href="#"
> class="cancel">Cancel</a>
> </form>
> <div id="feedback-list"></div>
>
> </div>
>
> and my javascript snipet:
>
> $("#feedback-list").css({overflow: "scroll"});
> $("#feedback").dialog({
>
> modal: true,
> height:650,
> width:550,
> overlay: {
> opacity: 0.5,
> background: "black"
> },
> buttons: {
> "Ok": function() {
> $(this).dialog("close");
> },
> "Cancel": function() {
> $(this).dialog("close");
> }
> }
> });
