4 Replies Latest reply: Sep 1, 2011 11:33 AM by Grant RSS

    dateField calendar widget is obscured by other form fields

    Grant Community Member

      See image below.  This is an HTML form with the datefield expanding calendar.  Unfortunately, the calendar is showing up below other form fields. Is there any way to fix this?  This happens in IE but not Firefox (and telling people to just use Firefox is not an option).

       

      calendar box problem.png

        • 1. Re: dateField calendar widget is obscured by other form fields
          Adam Cameron. Community Member

          Do any of these help:

          http://lmgtfy.com/?q=IE+div+appearing+underneath+select

           

          ?

           

          Sorry to be starting right @ the beginning of the troubleshooting suggestions, but you didn't indicate what you've tried so far...

           

          --

          Adam

          • 2. Re: dateField calendar widget is obscured by other form fields
            Grant Community Member

            Since this widget is built into ColdFusion (starting with CF8), I was hoping that someone had encountered this before and had a workaround that was compatible with the ColdFusion tag.  I briefly tried the iframe method but could not get it to work.  If someone has an example of this working alongside the ColdFusion generated calendar, please post it.

            • 3. Re: dateField calendar widget is obscured by other form fields
              Adam Cameron. Community Member

              Since this widget is built into ColdFusion (starting with CF8), I was hoping that someone had encountered this before and had a workaround that was compatible with the ColdFusion tag.  I briefly tried the iframe method but could not get it to work.  If someone has an example of this working alongside the ColdFusion generated calendar, please post it.

               

              Whether it's generated by a built-in CF widget or not, it's still just mark-up and CSS, and still suffers the vagaries at the hands of the browser rendering it.

               

              Is the problem you're seeing the one mentioned in those Google results, ie: it's IE 6 that's causing the problem?

               

              When you werre trying to get the iframe solution to work, did you just try to slap it into your existing code, or did you create a simplified test rig to prove your solution before applying it to the somewhat more complicated "live" code?  Taking small, simple steps with unfamiliar territory is generally the best approach here.

               

              And if you have a simplified test environment, post your code so we can have a chance at making an informed comment as to where you're going wrong

               

              And - other than a passing mention of failing to get the iframe thing working - you still haven't actually said what you've tried already to get this working.

               

              --

              Adam

              • 4. Re: dateField calendar widget is obscured by other form fields
                Grant Community Member

                This is happening in IE8 and only when there are multiple datefields in use (and are near each other).  It does not happen when there is only one datefield on the form.

                 

                Again, this ColdFusion calendar widget has been in the product for several years and I was hoping that someone had a workaround for this particular situation.  I frankly don't have time to test every iframe hack that comes up in a Google search.  I'm supporting and maintaining about 80 applications (by myself) while building new ones.  If someone has a solution for this issue, please post it.