Online form calendar control

Mark Elliott asked on February 10, 2015 16:30

I have created a fairly simple online form (only 9 fields) with a couple of date fields. I have them set up as calendar control. When I layout the form however instead of the calendar icon appearing next to the input field an empty button appears below the field. Now if you click the button the date picker appears and it works but why is there no icon and why is it appearing below the field instead of to the right?

form control calendar

Correct Answer

Mark Elliott answered on February 11, 2015 22:42

Ok found the solution to the issue. The date picker control is tied to classes in the default style sheet. Since we use a custom theme they weren't present. As soon as I found them and added them to our theme it works.

1 votesVote for this answer Unmark Correct answer

Recent Answers

Jisha Jagadeesh answered on December 15, 2015 01:28 (last edited on December 15, 2015 01:28)

I have the same issue now. I am getting a blank clickable space instead of calendar icon in online forms. I use a different style sheet and not sure which classes from default style sheet to be added to my style sheet.

Can anyone help on this, please?

0 votesVote for this answer Mark as a Correct answer

Timothy Fenton answered on December 15, 2015 03:40

Hello Jisha, can you inspect the page and see which class or id the empty space is using? It should have some class related to calendar or icon here. You can check the default style for that class or ID and copy and paste the styles for it, or let me know which class / id it is and I will send you what I find in the default css.

0 votesVote for this answer Mark as a Correct answer