I'm having a small issue with IE 8 + Standards compliance as well as google chrome
The webdatechooser text box is offset from the drop down image (IE8 standards) or the box is smaller than the image (chrome)
is there a way to work around this?
IE8 Standards:
Chrome:
I also had to remove 1px from the height/width of the drop down image otherwise it would result in double borders around it.
After doing that the issue was resolved
Hi,
Thank you for report. The reason for that appearance is enabled AppStyling, which uses border of INPUT instead of borders of TABLE.
Visual design team was notified about that issue, however, I am not sure when it will be fixed.
I suggest you to fix it by adjusting attributes in ig_datechooser.css used by your application. That file should be located at the ~/ig_res/Default or similar directory.
If you open that file, then it will probably contain following
.igdc_EditWithButtons{}
.igdc_EditInContainer{ background-color:Transparent; border:solid 1px #ABC1DE;}
I suggest to move border from EditInContainer into EditWithButtons class and set border of INPUT to 0. Below is a fix:
.igdc_EditWithButtons{ border:solid 1px #ABC1DE;}
.igdc_EditInContainer{ background-color:Transparent; border:0px;}