Jotform Tables: How to automatically hide empty fields in Card View?

  • Samer Al Jamal
    Asked on October 29, 2024 at 10:56 AM

    Hello. In my form, there are hidden fields (questions). Can I hide those in my cards? For example, a teacher is to choose a student's name. This student might be in Class 7 A, or 7B, or 7C. The 3 classes are hidden in the form and upon choosing a section (7A for example), the teacher selects the student's name in that particular section. So in the card view, I want to show the student's name in 7A only and hide 7B and 7C (which were originally hidden in my form because they were not chosen since the student is in 7A). In other words, one teacher may choose a student in 7A (in this case, I want to hide 7B and 7C fields in the card). Another teacher may choose a student in 7B (in this case, I want to hide 7A and 7C fields in this card) and so on. So, not all cards will have the same fields. Is that possible?

    Thanks in advance.

  • Joseph Christian JotForm Support
    Replied on October 29, 2024 at 11:39 AM

    Hi Samer,

    Thanks for reaching out to Jotform Support. I’ll need a bit of time to look into this. I’ll get back to you as soon as I can.

    Thanks for your patience, we appreciate it.

  • Joseph Christian JotForm Support
    Replied on October 29, 2024 at 12:00 PM

    Hi Samer,

    Currently, it's not possible to automatically hide empty fields in the Card View of Jotform Tables based on the conditions in the form. All fields, even hidden and empty ones, will remain visible in the Card View. However, as a workaround, you can create separate tabs for each class in card view with filters.

    1. In Jotform Tables, click on the +New Tab to create a new tab.

    2. Choose Cards then click Next.

    3. Select Connect to Form then click Next.

    4. Connect the same form then click Next.

    Jotform Tables: How to automatically hide empty fields in Card View? Image 1 Screenshot 40

    5. For the Class 7A tab, select all the fields except the Class 7B and 7C fields then click on Create.

    Jotform Tables: How to automatically hide empty fields in Card View? Image 2 Screenshot 51 Now let's create an advanced filter.

    1. Click on Filter beside the Search bar.

    2. Under the Advanced filter, select the Class 7A field on the Choose a field box.

    3. On the 2nd box, leave it as default "includes".

    4. On the 3rd box, select the student name. Repeat the steps for the rest of the names then click on Apply Filter once done.

    Jotform Tables: How to automatically hide empty fields in Card View? Image 3 Screenshot 62 Do the same steps for Class 7B and 7C. This way, it will only show students within the respective sections for each tab, and hidden/empty fields won't be visible within that context.

    Give it a try and let us know how it goes.

  • sjamal107
    Replied on October 30, 2024 at 1:02 AM

    Thanks, Joseph, for your help. It seems this is the only way to do it currently, although it's kind of a hassle.

    Thanks anyway,