jquery simplemodal dynamic height

jquery jquery-plugins simplemodal
Swami picture Swami · Sep 10, 2009 · Viewed 23.8k times · Source

I'm using the simplemodal popup in jquery, and I would like to set the height of my popup dynamically depending on my content. Currently, it is fixed at 500. If I remove the height property, then it works the first time, but if the content grows, then the height doesn't adjust itself (I have tabs within my popup and each tab loads different content).

$("#popup").modal({
        containerCss: {
            width: 550,
            height: 500
        },

Answer

Sahat Tambunan picture Sahat Tambunan · Dec 14, 2009

I can have dynamic height (only tested on chrome and ff) by adding this function to last line of onShow:

$('#simplemodal-container').css('height', 'auto');

hope this could help. If you specify a containerId, you should replace the '#simplemodal-container' with your containerId.

Related questions

How to disable overlay of jQuery simple modal popup plugin?

I am using plugin simple modal for showing popup in my site . I need to disable the overlay shown along with popup. is there any workaround ?Any help would be appreciated thanks

Read More
What's the easiest way to call a function every 5 seconds in jQuery?

JQuery, how to call a function every 5 seconds. I'm looking for a way to automate the changing of images in a slideshow. I'd rather not install any other 3rd party plugins if possible.

Read More
How to disable mouse scroll wheel scaling with Google Maps API

I am using Google Maps API (v3) to draw a few maps on a page. One thing I'd like to do is disable zooming when you scroll the mouse wheel over the map, but I'm unsure how. I have disabled …

Read More