Formating an input table in a form.

  • Profile Image
    agraham172
    Asked on August 24, 2018 at 03:47 AM

    Hi! Hoping you can help. I've created an input table in a form that allows me to allocate various hours to different tasks. The issue I'm having is that when it is viewed on a smartphone the table only goes to the width of the screen and when the various hours are selected from the drop down list they cant be seen because of the dropdown arrow.

    Hoping to let people see their selections prior to submitting. Any advice?

  • Profile Image
    BJoanna
    Answered on August 24, 2018 at 09:35 AM

    I saw that you changed the Input Type of the fields to Text Box.

    Is your issue now resolved?

    You can also add this CSS code to reduce the width of the Row Labels on mobile devices:

    @media screen and (max-width: 480px), screen and (max-device-width: 767px) and (orientation: portrait), screen and (max-device-width: 415px) and (orientation: landscape){

      .form-matrix-row-headers {

        width: 50px!important;

        word-break: break-all;

        min-width: 50px;

    }

    How to Inject Custom CSS Codes

    15351174051.PNG