Start Building Professional
Web Apps Today


 
Categories Question details Back To List
Question  posted by Jay Morrell on Apr 08, 2009 09:44
open dhtmlx forum
Resizing of containing div

I am trying to attach the calendar control to a text input. Everything appears to work until the date value is selected. This event changes the height of the enclosing div, effectively hiding most of the form contents.

Any help is greatly appreciated.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 1.0 Transitional//EN">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Date Picker Issue</title>

<!-- style sheets -->
<link rel='stylesheet' type='text/css' href='/stylesheets/dhtmlxcalendar.css'/>

<!-- javascript libraries -->
<script src='/javascript/dhtmlxcalendar.js'></script>
<script src='/javascript/dhtmlxcommon.js' ></script>

<style>
#container {
position: absolute;
background-color: gray;
width: 98%;
height: 98%;
min-height: 250px;
min-width: 400px;
}

#content {
background-color: white;
position: absolute;
overflow: auto;
padding: 5px;
bottom: 90%;
top: 80px;
bottom: 50px;
left: 80px;
right: 0;
}
</style>

<script>
window.onload=function(){var cal1 = new dhtmlxCalendarObject('calInput1');}
</script>

</head>
<body>

<div id="container">
<span id="content">
<div>
<form action='Self.cgi' method='post'>
<input type="text" id="calInput1" class="css1" readonly="true">
<br><br>
</form>
</div>
</span>
</div>

</body>
</html>
Answer posted by Alex (support) on Apr 09, 2009 06:33
The issue was not reproduced locally. Please, see attached sample
Attachments (1)