Fields expanding to width of form Why?

  • jill.farringdon
    Asked on October 17, 2020 at 11:06 AM

    Good morning,

    I have gone into the advance form designer to create columns for my product listing in the inventory widget, but then the date picker, email address, and phone (at the top of the form) have all expanded to the width of the page. If I remove column option, it doesn't change it back.

    It is not a deal breaker, but would prefer smaller sizes/lengths for those input fields.

    Thank you

    Jill

    Page URL: https://www.jotform.com/build/202903715005142
  • Jovanne JotForm Support
    Replied on October 17, 2020 at 11:42 AM

    Hi that you for contacting JotForm support.

    To clarify, do you want to make the width of the date-picker, email address, and phone number fields smaller?

    You can enable the shrink option in the field's advanced settings:

    1602948959 5f8b0f5f81d7f 16 Screenshot 10


    I hope this will help. Let us know if you have further questions.

  • jill.farringdon
    Replied on October 17, 2020 at 11:44 AM

    Not really, before the text above was the width of the whole and the date was smaller...see this form at the top for what I am trying to return to..https://www.jotform.com/build/202885849358170

  • Jovanne JotForm Support
    Replied on October 17, 2020 at 12:21 PM

    Hi, thank you for the clarification.

    Please try adding this custom CSS code:

    [data-type="control_fullname"] .form-input, [data-type="control_email"] .form-input, [data-type="control_phone"] .form-input{
    
max-width: 250px!important;
    
}
    
input#lite_mode_20 {
    
  width: 150px !important;
    
}

    Guide: https://www.jotform.com/help/117-how-to-inject-custom-css-codes

    Here is a sample output:

    1602951630 5f8b19ce8ff6c 17 Screenshot 10


    I hope this will help. Let us know if this worked for you.

  • jill.farringdon
    Replied on October 17, 2020 at 12:26 PM

    Perfect. Thank you.

  • drdanr
    Replied on October 20, 2020 at 9:54 AM

    I have some major issues with my new forms. It was working perfect,. now the email, phone, date picker, text fields are all cut down to half the size they were. I have shrink turned on to allow for two fields to be side by side and it looked perfect the past few days until today, not they are instead of 50% taking up space , now they are 25% taking up space and all cramped up!

    I spend so much time trying to get thewse forms to work and now this happens! I am upset at this.

  • Jovanne JotForm Support
    Replied on October 20, 2020 at 11:15 AM

    Hi @drdanr,

    We will be responding to this support ticket https://www.jotform.com/answers/2644473 to avoid confusion. We will get back to you via that thread shortly.

    Thank you.