Calendar Popup alignment

  • Profile Image
    bblackwood
    Asked on November 04, 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

  • Profile Image
    denis_calin
    Answered on November 04, 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.

  • Profile Image
    bblackwood
    Answered on November 04, 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
    ...
  • Profile Image
    denis_calin
    Answered on November 04, 2019 at 01:00 PM

    You are very welcome Brandy!