What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.
At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.
We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.
Configurable list widget: Customize the style of the calendar fieldAsked by paulshustak on March 28, 2016 at 09:14 PM
When I click the calendar control there are a couple of problem with the way it displays:
1) The grid lines on the table show through the calendar
2) The day of the week headings are strangely worded ("Monday Mo", "Tuesday Tu") and extra words cause the calendar to be wider than necessary
I would like a more compact calendar such as the one that comes with the date/time control.
I think it's a problem with your custom CSS injected in your config list widget because the default calendar doesn't have such issue.
Upon checking your config list, I found pseudo CSS injected into it which triggers all the table elements which create that problem.
To fix it, simply remove all the injected CSS codes in your config list widget. You can also retain the CSS codes, just omit this CSS codes.
I understand that you want to display the full day names that's why you added the above CSS codes. There's actually a better way to achieve that using this CSS codes http://pastebin.com/raw/gCu9bnnt
Thanks. I do need to display the day names. Unfortunately your revised example does not display them (https://form.jotform.com/60880900428961)
It appears that the issue is already fixed on Elton's form.
Please re-check this on your side.
Thanks, but this form still does not display the day of the week. I need the day to appear to the left of the date. For example: https://form.jotform.com/60450675676160
Thanks, that works.
One more question for now: For the number field, is itpossible limit input to numbers? Currently any characters can be entered.
Perhaps related to this, when filling out this form on an Android device (Lollipop), the QWERTY keyboard displays. Would much rather display the numeric keypad.
Great. It's good to know that it works now.
We will answer your other question on a separate thread here https://www.jotform.com/answers/805706