We want to be able to able to open a bootstrap dialog as described in this project:
[login to view URL]
The code that opens the dialog is as follows:
var oCurrentBootstrapDialog = new [login to view URL]({
title: Title,
message: '<iframe src="' + URL + '" class="overlay-iframe" frameborder="0" style="width: 100%; height: ' + Height + '"></iframe>',
width: Width,
height: Height,
closable: NonClosable == null || NonClosable == false,
onhide: fnOnHide,
onhidden: functionOnClose
});
[login to view URL]();
We need a pure jQuery solution that will resize the height of the dialog based on the size of the content within the iframe. The code must attach in a generic manner, for instance:
[login to view URL]().find(‘.overlay-iframe’)…. attach resize event code here
The dialog window should always show as small height as possible (based on the content) yet never exceed the height of the viewport of the browser.
An example to explain.
The dialog window contains an iframe that has three tabs. The first tab is 200px high, the second is 500px high, and the third is 1500px high.
If we open this iframe in a dialog, the dialog should show as 200px (plus header, etc…) When the user clicks on the second tab within the iframe the dialog should now be 500px. When the user clicks on the third tab, the iframe should resize to content size, and the dialog should resize to the max height of the screen.
Hi,
My name is Shahid, i am working in web development from past four years. Will provide you quality work and hopefully we will have long term relationship in web development. Let me know if i can help you. let's discuss and start right now. Thanks