Calendar Popup alignment

  • bblackwood
    Asked on November 4, 2019 at 10:54 AM

    Is there a way to get the calendar to popup on the left side of the text field instead of the right?  Its getting cutoff on our website.


    Thank you

  • denis_calin Jotform Support
    Replied on November 4, 2019 at 12:38 PM

    Hi @bblackwood!

    Please add the following CSS code to your form to display the calendar popups on the left side of the date input fields:


    #input_89_pick {

      position: relative;

      left: -195px !important;

    }


    #input_84_pick {

      position: relative;

      left: -299px !important;

    }


    #input_90_pick {

      position: relative;

      left: -299px !important;

    }


    #input_91_pick {

      position: relative;

      left: -299px !important;

    }


    @media only screen and (max-width: 480px) {

      #input_89_pick {

      position: relative;

      left: -272px !important;

    }

    #input_84_pick {

      position: relative;

      left: -376px !important;

    }


    #input_90_pick {

      position: relative;

      left: -376px !important;

    }


    #input_91_pick {

      position: relative;

      left: -376px !important;

    }

    }


    The @media part of the CSS code is intended to make the form elements display correctly on the mobile devices. Here is the guide for adding CSS to your form: How-to-Inject-Custom-CSS-Codes.

  • bblackwood
    Replied on November 4, 2019 at 12:50 PM
    That worked perfect!
    Thank you so much.
    Brandy Blackwood
    Title Management Solutions LLC
    Ph: 850-460-5292
    [TMS logo4[2451] - email signature bigger]
    ATTENTION: This email may contain confidential and privileged material for the sole use of the intended recipient(s). Any review, use, distribution or disclosure by others is strictly prohibited. If you are not the intended recipient (or authorized to receive for the recipient), please contact the sender by reply email and delete all copies of this message
    ...
  • denis_calin Jotform Support
    Replied on November 4, 2019 at 1:00 PM

    You are very welcome Brandy!