How to Replace Date field with DateTime field in Configurable List Widget

  • prav9884
    Asked on December 2, 2015 at 3:08 PM
    Can you please help me on how to replace date fields in column 6 with date time field.
  • BJoanna
    Replied on December 2, 2015 at 4:35 PM

    I have inspected you form and you have both fields set in configurable list. 

    If you want to remove of of the fields form your form simply delete all code for that field form configurable list settings. And if you want to change their places select one of the codes cut it and paste it to the place where you want that field to be shown. 

    How to Replace Date field with DateTime field in Configurable List Widget Image 1 Screenshot 20

    On my demo form I have change places of time field and date field. 

    Here is my demo form: https://form.jotform.com/53355884973976? 

    Hope this will help. Let us know if you need further assistance. 

  • prav9884
    Replied on December 3, 2015 at 12:26 PM

    Hi,

     

    I have figured out as soon as I have posted the question from another post. Anyhow thanks for your support.

     

    Thanks,

    Praveen N

  • Welvin Support Team Lead
    Replied on December 3, 2015 at 1:08 PM

    You're welcome. Please contact us again if we can help in any way.

  • BJoanna
    Replied on December 3, 2015 at 1:54 PM

    It seems that your last post did not came trough successfully, so I will quote your replay from email that I got.

    "is there a possibility to remove the dropdown for year, date and month and just have a calendar button"

    Yes it is possible to hide dropdowns and leave only calendar button. However in that case your users will not know if they have selected correct date.

    To hide the dropdown for year, date and month add this code to Configurable list Custom CSS field:

    .dateContainer .dateDrowdowns{

    visibility:hidden!important;

    }

    How to Replace Date field with DateTime field in Configurable List Widget Image 1 Screenshot 20

    Here is my demo form: https://form.jotform.com/53364945322962? 

    Hope this will help. Let us know if you need further assistance. 

  • prav9884
    Replied on December 14, 2015 at 3:04 AM

    Hi,

     

    The dropdown gets invisible but the size doesnot reduce. Do you have any suggestions for the same

     

    Thanks,

    Praveen N

  • victor
    Replied on December 14, 2015 at 9:53 AM

    Instead of using the visibility attribute, you can use the display: none; in your CSS code. This will eliminate the space from the dropdowns.

    .checkbox, .radio {

    margin: 3px 0;

    min-width: 70px;

    }

    .dateContainer .dateDrowdowns{

    display:none;

    } 

    How to Replace Date field with DateTime field in Configurable List Widget Image 1 Screenshot 30

    How to Replace Date field with DateTime field in Configurable List Widget Image 2 Screenshot 41

    Please let us know if this helps.

  • prav9884
    Replied on December 14, 2015 at 11:03 AM

    Thanks this worked!

  • victor
    Replied on December 14, 2015 at 11:35 AM

    Glad we were able to help. If you have any addition question or issue, please do not hesitate contacting us. We will be glad to help.

  • sugam
    Replied on March 14, 2016 at 8:00 AM

    Hi, I am trying to build timesheet form. I am capturing Week Beginning Date as a separate field on the top and based on this field, I want to generate dates/days in the Configurable Listfor that week.

    i.e., Week Beginning Date: Monday, 14/03/2016

    In the Configurable list

    Date                             Start time       Finish time

    Monday, 14/03/2016        9:00 AM         5:00 PM

    Tuesday, 15/03/2016       9:00 AM         5:00 PM

    Wednesday, 16/03/2016   9:00 AM         5:00 PM

    Thursday, 17/03/2016      9:00 AM         5:00 PM

    Friday, 18/03/2016           9:00 AM         5:00 PM

     

  • Welvin Support Team Lead
    Replied on March 14, 2016 at 9:09 AM

    @sugam I've created a new thread for your question. You should receive my reply there. Here's the link, http://www.jotform.com/answers/793962