I have a date field that is not formatting correctly for normal desktop

  • Profile Image
    creswellcasey
    Asked on June 25, 2017 at 10:25 AM

    Hi there

    I have a date field that is not formatting correctly for normal desktop.

    It's even worse on an iphone.

    Can you please assist?

     

    On a desktop the hours/minutes labels are not correct -   Also the AT symbol is hidden beneath the fields. (it can be removed)

     

    And on an iphone the same thing is happening PLUS the AM/PM symbol has slipped to the next page.
    Regards

    Cres

  • Profile Image
    Welvin
    Answered on June 25, 2017 at 11:47 AM

    I've fixed it for you by adjusting your custom CSS Codes, specifically for the DateTime field to the following:

    [data-type="control_datetime"].allowTime .allowTime-container {

        float: none !important;

        margin-left: 20px;

    }

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

        [data-type="control_datetime"].allowTime .allowTime-container {

            float: none !important;

            margin-left: 24px !important;

        }

        [data-type="control_datetime"].allowTime .allowTime-container .form-sub-label-container:first-child {

            width: 5% !important;

            margin-left: 2% !important;

        }

        [data-type="control_datetime"].allowTime .allowTime-container .form-sub-label-container {

            margin-right: 5% !important;

        }

        [data-type="control_datetime"].allowTime .allowTime-container .form-sub-label-container {

            width: 24% !important;

        }

        [data-type=control_datetime] .form-sub-label-container+.form-sub-label-container+.form-sub-label-container {

            width: 24% !important;

            margin-right: 5% !important;

        }

        [data-type="control_datetime"].allowTime .allowTime-container .form-sub-label-container:last-child {

            width: 24% !important;

        }

    }

  • Profile Image
    creswellcasey
    Answered on June 25, 2017 at 11:49 AM

    Hi Welvin - I've had a few issues sorted by you.

    You're awesome!

     

    Thanks Again

    Cres