By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
446,142 Members | 1,946 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 446,142 IT Pros & Developers. It's quick & easy.

Calender(date picker) table is scrolling with the popup window.

P: n/a
hi all .

Am facing problem with the date picker. when i click on date picker in
a popup window. the date table is opened in the middle of the pop up
window.
and it is unable to scroll with the pop up
window .

could u please give me any sujesion......................

wt may be the problem .........
is it of css / code.
actually
i changed the datepicker code still am getting the same...............

here am pasting the calender CSS

/*--------------- calendar --------------*/
..calendar {
background-color: #fff;
border: 1px solid #000;

}

..calendar_year, .calendar_month {
text-align: center;
border-bottom: 1px solid #aaa;
padding: 2px 0px;

}

..calendar table {
border-collapse: collapse;
margin-top: 2px;

}

..calendar thead {
font-weight: bold;
}

..calendar thead td {
padding: 0px 2px;
}

..calendar td {
font-size: 10px;
text-align: center;
}

..calendar td:hover {
background-color: #ccc;
}

td.calendar_selected {
background-color: #faa;
}

..calendar_special {
color: #c55;
}
..button {
border: 1px solid #000000;
background-color: #85AEEC;
color: #FFFFFF;
font-size: 10px;
font-weight: bold;
}
a.clicker:link {
color: #5D9AD6;
text-decoration: none;
font-weight:bold;
}
a.clicker:visited {
color: #5D9AD6;
text-decoration: none;
font-weight:bold;
}
a.clicker:hover {
color: #35577A;
text-decoration: none;
font-weight:bold;
}

..showTableBlock {
width: 100%;
position:relative;
visibility:visible;
}

..showBlock {
position:relative;
visibility:visible;
display:block;
padding: 0.1cm;
}

..hideBlock {
position:absolute;
visibility:hidden;
display:block;
padding: 0;
}
..showInline {
position:relative;
visibility:visible;
display:inline;
}
..hideInline {
position:absolute;
visibility:hidden;
display:inline;
}


Jun 27 '08 #1
Share this Question
Share on Google+
1 Reply


P: n/a
On May 22, 11:44 am, vp.softv...@gmail.com wrote:
hi all .

Am facing problem with the date picker. when i click on date picker in
a popup window. the date table is opened in the middle of the pop up
window.
and it is unable to scroll with the pop up
window .

could u please give me any sujesion......................

wt may be the problem .........
is it of css / code.
actually
i changed the datepicker code still am getting the same...............

here am pasting the calender CSS

/
/* the div that holds the date picker calendar */
..dpDiv {

}
/* the table (within the div) that holds the date picker calendar */
..dpTable {
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 12px;
text-align: center;
color: #505050;
background-color: #ece9d8;
border: 1px solid #AAAAAA;
visibility:visible;
}
/* a table row that holds date numbers (either blank or 1-31) */
..dpTR {
}
/* the top table row that holds the month, year, and forward/backward
buttons */
..dpTitleTR {
}
/* the second table row, that holds the names of days of the week (Mo,
Tu, We, etc.) */
..dpDayTR {
}
/* the bottom table row, that has the "This Month" and "Close" buttons
*/
..dpTodayButtonTR {
}
/* a table cell that holds a date number (either blank or 1-31) */
..dpTD {
border: 1px solid #ece9d8;
}
/* a table cell that holds a highlighted day (usually either today's
date or the current date field value) */
..dpDayHighlightTD {
background-color: #CCCCCC;
border: 1px solid #AAAAAA;
}
/* the date number table cell that the mouse pointer is currently over
(you can use contrasting colors to make it apparent which cell is
being hovered over) */
..dpTDHover {
background-color: #aca998;
border: 1px solid #888888;
cursor: pointer;
color: red;
}
/* the table cell that holds the name of the month and the year */
..dpTitleTD {
}
/* a table cell that holds one of the forward/backward buttons */
..dpButtonTD {
}
/* the table cell that holds the "This Month" or "Close" button at the
bottom */
..dpTodayButtonTD {
}
/* a table cell that holds the names of days of the week (Mo, Tu, We,
etc.) */
..dpDayTD {
background-color: #CCCCCC;
border: 1px solid #AAAAAA;
color: white;
}
/* additional style information for the text that indicates the month
and year */
..dpTitleText {
font-size: 12px;
color: gray;
font-weight: bold;
}
/* additional style information for the cell that holds a highlighted
day (usually either today's date or the current date field value) */
..dpDayHighlight {
color: 4060ff;
font-weight: bold;
}
/* the forward/backward buttons at the top */
..dpButton {
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
font-size: 10px;
color: gray;
background: #d8e8ff;
font-weight: bold;
padding: 0px;
}
/* the "This Month" and "Close" buttons at the bottom */
..dpTodayButton {
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
font-size: 10px;
color: gray;
background: #d8e8ff;
font-weight: bold;
}
Jun 27 '08 #2

This discussion thread is closed

Replies have been disabled for this discussion.