Struggling with adjusting the height attribute for the content within a modal window.
Desire for the content in the modal window to occupy 100% of the space, but unfortunately only reaching around 30%. Curious as to why this limitation exists and seeking advice on how to resolve it to allow the content to completely fill the modal window without getting cut off at 30% and necessitating a scroll bar.
The width configuration for the modal window appears to be satisfactory:
#simplemodal-container {height:75%; width:50%;}
Specifications for the height and width of the iframe are as follows:
$.modal('<iframe src="' + src + '" style="border:0;width:100%;height:100%;">');
Lastly, the content intended for the modal window (initially set to 100% height but encountered issues, leading to the removal of the height property):
<div id="previouslink">
<button type="button" id="close" onclick="return parent.closewindow();">Close</button>
<h1>PREVIOUS QUESTIONS</h1>
<p>Explore past inquiries by inputting a search phrase in the box below and hitting submit</p>
<form action="previousquestions.php" method="post" id="modalform">
<p>Search: <input type="text" name="questioncontent" value="<?php echo $questioncontent; ?>" /></p>
<p><input id="searchquestion" name="searchQuestion" type="submit" value="Search" /></p>
</form>
</div>
To access the modal window, click on the plus button after visiting this link.
Appreciate your assistance.