Formating an input table in a form.

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?

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