- ipuntAsked on July 27, 2017 at 07:29 PM
I have multiple pages.
page 1: inline date picker
display : inline-block !important;
position : relative !important;
left : 1150px !important;
top : -400px !important;
If filled out I need to go to page 2 where someone can select a timeslot.
But my date picker won't close.
- JotForm SupportjonathanAnswered on July 27, 2017 at 09:44 PM
Can you please describe what you wanted to achieve with the CSS codes on your form?
Your currently injected custom CSS codes actually breaks your form and have misplaced the elements in the form.
Removing that line of CSS codes should restore and fixed the DatePicker calendar pop up position.
- ipuntAnswered on July 28, 2017 at 05:13 AM
but I need the datepicker to be inline. I don't want the popup version
do you know how to achieve that?
- JotForm SupportliyamAnswered on July 28, 2017 at 09:33 AM
If you wish for the calendar to be inline, how about using the date reservation widget instead? To add this to your form, go to your form builder, open the left panel and click the Widget tab. Search for Date reservation and get/drag the Date Reservation widget to your form.
If this is not what you intend, please let us know.
- JotForm SupportKiranAnswered on July 28, 2017 at 01:08 PM
We'll address your query with blocking the dates on the Dates reservation widget on a separate thread. Please follow the link below:
- JotForm SupportKiranAnswered on July 29, 2017 at 01:22 AM
As mentioned in the other thread, here is the copy of your post for reference and further discussion.
The date reservation widget does not allow multiple entries on same date. This is not what I want.
I just need an inline calendar with possible blocked dates.
I tried the date picker which has these options but it won't show INLINE. Unless I override this with CSS. But then again it will not hide again when a date is selected.
As I check your account, I see that there 3 forms, one with the Date reservation widget and the other two with default date field. Please let us know the form ID that you are working so that we can further assist you in this regard.
We will wait for your response. Thank you!