Resize width of fancybox after AJAX request

Question

I'm trying to resize the width of fancybox (v1.3), but I don't know how to do this. The width should change after I receive dynamic content with a jQuery ajax request. The height is resized automatically. Can someone help me with this?

<!-- Fetch action lines of an action  -->
<script type="text/javascript">

    $('#actionType').change(function() {

        var actionTypeId = $(this).children(":selected").attr("id");

        $.ajax({
            type: "POST",
            cache: false,
            url: "/ajax/actionLines.php",
            data: {actionTypeId: actionTypeId},
            success: function(data) {
                $("#actionBlock").html(data);
            }
        });
    });
</script>

try using the method `$.fancybox.resize()` (v1.3.x) after the change (try inside the `success` callback) took place. Just bear in mind that the new content should have its own dimensions — JFK, Jun 28 '13 at 17:27
In addition to @JFK's comment, see [this](http://stackoverflow.com/questions/994876/how-do-you-resize-fancybox-at-runtime) link — Mark Erasmus, Aug 28 '13 at 16:09

score 2 · Answer 1 · answered Sep 08 '13 at 17:55

2

You must call the update function after putting in the content.

$.fancybox.update();

answered Sep 08 '13 at 17:55

geeky_monster

8,672
18
55
86

Resize width of fancybox after AJAX request

1 Answers1