JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.
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.
Here's how it should look after:
If you need further assistance, please let us know.
Excellent! However, I see that there is a big space (I think) between the Date label and the icon, could you help me fix that?
You can inject this custom CSS to your form to reduce the width of the Date label on your Test Table form. This should make the label closer to the icon. Please follow this guide on How to Inject Custom CSS Codes.
width: 35px !important;
May I also suggest to add some instruction to the form so your users know they can select a date using the calendar icon. Otherwise, they might not now that they can select a date using that icon.
Please let us know if you have further questions.
Hi! Thank you very much! Thanks for your suggestion.
Can I say something? Where do you configure/adapt so easily the CSS? Is that I don't know where to start and I don't know if you have a real time CSS editor for doing it.
You are most welcome. You can use our Advanced Designer to setup your CSS and see the changes applied to your form immediately.
To use the Advanced Designer, click the Design button on the form builder.
Then click Advanced Designer.
On the Advanced Designer page, click the CSS tab. You can then input the CSS that you want to apply to the form. Once the CSS is added, the changes should be visible on the form.
You can also check this guide for more information on the advanced designer: Form Designer Tutorial: Let's create fantastic forms!