COLDFUSION and AJAX Datefield element displaying incorretly

Posted on 2009-04-25
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

    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

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

    Featured Post

    What Is Threat Intelligence?

    Threat intelligence is often discussed, but rarely understood. Starting with a precise definition, along with clear business goals, is essential.

    Join & Write a Comment

    Suggested Solutions

    When deciding to adopt any help desk solutions many factors should be explored before taking decisions. This will change from business to another but in general there are some kind of rule of thumb. Here are some quick tips: Do we need only ticket…
    Now that Expression Web 4.0 ( is free if you buy or have the full version of Expression Web 3.0, now is the best time to  migrate from FrontPage to Expression Web (http://www.frontpage-to-exp…
    The purpose of this video is to demonstrate how to integrate Mailchimp with WordPress, by placing a Mailchimp signup form on a WordPress Page or Post. This will be demonstrated using a Windows 8 PC. Mailchimp will be used. Log into your Mailchi…
    The purpose of this video is to demonstrate how to prevent comment spam on a WordPress Website. This will be demonstrated using a Windows 8 PC. Plugin Akismet will be used. Go to your WordPress login page. This will look like the following: myw…

    728 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

    Need Help in Real-Time?

    Connect with top rated Experts

    18 Experts available now in Live!

    Get 1:1 Help Now