Arrows under Input Table

  • FloridaTheatreConference
    Asked on August 11, 2020 at 7:53 PM

    I have used Input Table on several forms, but have only just now run into the problem of having the left and right arrows underneath the table.  I can't get them to go away.  I've widened the form itself.  Widened the table. Even made the table smaller.  No matter what I do, those arrows won't go away.  

    How can I get rid of the arrows?

    Thank you!

  • Vanessa_T
    Replied on August 11, 2020 at 10:40 PM

    I checked your form both on desktop and on mobile but could not replicate the issue that you are referring to.

    Arrows under Input Table Image 10

    Arrows under Input Table Image 21

    Can you please share a screenshot of how it is displayed on your end?

    How-to-Post-Screenshots-to-Our-Support-System (Note: Email Attachment Is Not Supported)

  • FloridaTheatreConference
    Replied on August 13, 2020 at 10:41 AM

    Here is what I see when it publishes.


    1597329631Screen Shot Screenshot 10

  • BJoanna
    Replied on August 13, 2020 at 12:11 PM

    Please add this CSS code to your form to resolve this issue:

    li[data-type="control_matrix"], li[data-type="control_matrix"] .form-input-wide {

        overflow-x: auto !important;

    }

    How to Inject Custom CSS Codes

  • FloridaTheatreConference
    Replied on August 15, 2020 at 8:21 AM

    Thank you!!  I'm not sure why that worked...but it did!