[Okta Webinar] Learn how to a build a cloud-first strategyRegister Now


COLDFUSION and AJAX Datefield element displaying incorretly

Posted on 2009-04-25
Medium Priority
Last Modified: 2013-12-16
Hi, I'm trying to correctly display a Coldfusion Ajax element.
But the the calendar seems to cut off.

Is there any way of either displaying the full calendar by default or increasing it's Z index?

Any help would be greatly appreciated.

Please see example:
Question by:greenchilli
LVL 27

Accepted Solution

azadisaryev earned 2000 total points
ID: 24234504
change style declarations in your all.css file as follows:
.support-box {
      width: 444px;
      background: #dbe1e3;
      margin-top: 10px;
.support-corner {
      float: left;
      width: 422px;
      background: url(../images/fas-corner.gif)  no-repeat 100% 100%;
      padding: 9px 10px 8px 12px;

basically, get rid of overflow:hidden; and add float:left;.  to make this work in IE6 you may also have to add display:inline; there.

you may also want to get rid of the width:210px; style in your .support-corner div css and add style="width:210px;" directly into your cfinput fields - this way the pop-up calendar will have proper width without extra white areas in it...

PS: general suggestion - use Firefox+Firebug to debug css issues. it is just brilliant for it. you can edit styles and see changes on screen without refreshing the page or changing your .css file.


Author Closing Comment

ID: 31574586
Great!, that worked perfectly.
Thanks a lot for all your help :)

Featured Post

NFR key for Veeam Agent for Linux

Veeam is happy to provide a free NFR license for one year.  It allows for the non‑production use and valid for five workstations and two servers. Veeam Agent for Linux is a simple backup tool for your Linux installations, both on‑premises and in the public cloud.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

jQuery is a JavaScript library that greatly simplifies JavaScript programming. AJAX is an acronym formed from "Asynchronous JavaScript and XML."  AJAX refers to any communication between client and server, when the human client does not observe a…
Dramatic changes are revolutionizing how we build and use technology. Every company is automating, digitizing, and modernizing operations. We need a better, more connected way to work together as teams so we can harness the insights from our system…
The purpose of this video is to demonstrate how to Import and export files in WordPress. This will be demonstrated using a Windows 8 PC. Go to your WordPress login page. This will look like the following: mywebsite.com/wp-login.php : Click on Too…
The purpose of this video is to demonstrate how to set up basic WordPress SEO. This will be demonstrated using a Windows 8 PC. The plugin used will be WordPress SEO by Yoast. Go to your WordPress login page. This will look like the following: myw…
Suggested Courses

873 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question