The date field is misaligned and the spinner field is cut off

  • DPCREATE
    Asked on November 15, 2015 at 9:44 AM

    hi my for here https://form.jotform.com/53183623130951

     

    I am using responsive design form with 2 columns 

     

    I have two issues i wish to fix

    1. The finish date is misaligned  compared to the start date ( this is because one of the radio button options is long)

    2. The spinner field is cut off it needs to be higher input

     

    thanks

     

     

     

  • Carina
    Replied on November 15, 2015 at 1:55 PM

    You can clone the demo form:  

    https://form.jotform.com/53184993980975? 

    Let us know if we can assist you further.   

  • DPCREATE
    Replied on November 15, 2015 at 7:04 PM

    Thanks

    can you tell me what you did to resolve for future reference?

     

    also how can i style the calendar in the date seletor

  • Welvin Support Team Lead
    Replied on November 16, 2015 at 4:06 AM

    My colleague injected the following custom CSS codes to the form:

    For the date field:

    .form-line.form-line-column.form-col-7 {

    padding-left: 17px;

    }

    For the spinner field:

    .form-spinner-input.form-textbox {

    height: 20px !important;

    }

    Thank you.