Exit
  • Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
  • 한국 커뮤니티
0

dateField calendar widget is obscured by other form fields

Explorer ,
Aug 30, 2011 Aug 30, 2011

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

2.4K
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
LEGEND ,
Aug 30, 2011 Aug 30, 2011

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

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Explorer ,
Aug 30, 2011 Aug 30, 2011

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.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
LEGEND ,
Aug 31, 2011 Aug 31, 2011

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

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Explorer ,
Sep 01, 2011 Sep 01, 2011
LATEST

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.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Resources