CSS codes making Configurable List widget repeat field labels

  • JoaneMarlet
    Asked on June 12, 2019 at 10:24 PM

    Hi, Tried this one but the thing is, the headers are repeating.

    @media screen and (max-width:480px){

    #list tbody:first-child > tr:first-child {display: block;} #list {width: 100%; border-collapse: collapse;} #list tbody:first-child > tr > td{display:block; padding: 6px 0;} #list tbody:first-child > tr + tr + tr {border-top: 1px solid #ccc;} #list > tbody:first-child tr td.col1 {padding-top: 20px;} .mobileColumnName {display: block; padding-bottom: 4px; width: 40%; box-sizing: border-box;} .mobileColumnName + textarea, .mobileColumnName + select, .mobileColumnName + textarea, {width: 60%; display: block; box-sizing: border-box; vertical-align:top; box-shadow:none;} .buttonsColumn {text-align: right;}

    }

    Please assist to check? Thank you.

  • Mike_G JotForm Support
    Replied on June 12, 2019 at 11:16 PM

    We would like to apologize for any inconvenience.

    The CSS codes provided in the guide may require little adjustments depending on the requirement(s) the Configurable List widget in the form may need.

    I see you have 4 Configurable List Widgets in the form I assume you are currently working on.

    Those widgets are Date/Time Submitted, Work/Job Status, Scheduled Work for the future, and Materials Needed for next work/job.

    To fix the issue you are having, please inject the CSS codes that can be found in each link to the Custom CSS tab of each Configurable List Widget in your form, respectively.

    1. Date/Time Submitted — https://pastebin.com/raw/PA6wCNG4

    2. Work/Job Status — https://pastebin.com/raw/NkKy36eD

    3. Scheduled Work for the future — https://pastebin.com/raw/ju6JtJan

    4. Materials Needed for next work/job — https://pastebin.com/raw/j9vYrJ8K

    Feel free to contact us again anytime if you have other questions or concerns.


  • JoaneMarlet
    Replied on June 13, 2019 at 2:36 AM

    Hi Mike G, 

    it worked! 

    Thank you so much for your help.

    Another thing, is there a widget that once the form is opened, it automatically populate the date and time when it was opened? Like a timestamp but it is showing in the form as well as it will be in the linked google sheet?

    Thanks!

  • Mike_G JotForm Support
    Replied on June 13, 2019 at 3:18 AM

    You are most welcome. We are glad that we could help.

    As for your other concern, I have moved it to a new thread considering it is about another topic.

    https://www.jotform.com/answers/1855612

    To avoid confusion, feel free to reply to that new thread if you have any follow-up questions about your new concern.