Question

Below is my code. When it opens the modal, it IS resizeable even though it’s set to false. This is not expected. All other parameters work as expected (height, width, position, draggable, modal).

    //MODAL IFRAME POPUP FOR EDITS/adds
    $("#modalDiv").dialog({
        modal: true,
        autoOpen: false,
        height: '400',
        width: '400',
        position: ['150','200'],
        draggable: true,
        resizeable: false,
        title: ''
    });

    //catch a click on an item with the class "add" open modal div.
    $('.add').live('click', function () {
        var thing = $(this).attr('add')
        url = 'add/' + thing + '.aspx?appid=' + $('.lblAppID').html();
        $('#modalIFrame').attr('src', url);
        $('#modalDiv').dialog('open');
        return false;
    });

However, if I call the following code from within the modal iframe, it makes it unresizeable (as expected).

window.parent.$("#modalDiv").dialog("option", "resizable", false);

This works, but preferably I’d like to know what I’m missing… I’m sure it’s something stupid. Help?

Answer 1

It’s resizable, not resizeable.