Calendar pop-up for date field

Hello,

I want to put a background image on the calendar button, that shows to the right of the date field, to make it more apparent that its a button you can click on.

Example:


I can't seem to find where to do that. I don't want to change the CSS for all buttons, just the calendar button.

Thanks in advance!

Hi,

if you use a field of type date, this should always display a calender popup icon to the right. (By default, without any additional settings.)
If this icon is missing something is wrong with your form or field.

Could I have a link to the form then?

Regards,
Aicha

Oh okay. I thought it was odd that there was no icon. Here's the link to my form: icrassociation.org/new/certification/icra-certification

Hi,

this is a problem of your template.
The date icon is created with a Usually Visforms make sure that the proper icon font is displayed for this i-tag
But your template overrides the Visforms settings (font-avwsome-min.css line 151 and again template.css line 36) and these CSS's has an error (in the template.css it tries to load an image for the calender icon but the image is missing).

The darker gray square at the right side of the input, is, where usually the date picker is displayed.

Regards,
Aicha

Ok, so the code that I added to template.css was only there to try to remedy the icon problem. It obviously wasn't working so I removed it. I also tried removing line151 from font-awesome-min.css but that didn't fix the issue. I disabled Font Awesome all together and now the calendar icon is showing. Thanks for pointing me in the right direction!