What drives the header on the Jotform Cards view?

  • Profile Image
    AgentsCouncilforTech
    Asked on November 25, 2020 at 12:08 PM

    What drives the header on the Jotform Cards view? I want a specific column to be the header (Org Name) but the email address field is what appears as the card title.

  • Profile Image
    Ariel
    Answered on November 25, 2020 at 03:32 PM

    Hi,

    Thank you for reaching out to us.

    Based on my test, the Table's Card view picks up the first visible field as header on the following order:

    1. Name
    2. Email
    3. Phone
    4. Date
    5. Number Element
    6. Submission Date
    7. Last Update Date
    8. Short Text

    I.e. if the Name fields is hidden or doesn't exist, the Email field will be used, and so on.

    You can toggle the fields' visibility here:

    16063360272020-11-26 04_25_33.jpg

    Since your Org Name is a Short Text element, you'd need to hide all the fields with higher priority on the list.

    Hope that helps. Let us know if you have any questions or if you need further assistance.

  • Profile Image
    AgentsCouncilforTech
    Answered on December 28, 2020 at 11:28 AM

    Thank you so much for your assistance. My apologies for the long delay in responding with a question.

    I do understand what you have outlined regarding the order of the fields. I have now hidden those with higher priority and am now seeing my short text - "Org Name" column as the header in the card view. That obviously though prevents me from seeing those hidden fields in the card view.

    Two part question:

    • I am wondering, per your list, since "Name" is the first priority field, can I use that field as my Org Name or is it restricted to a "First Name" "Last Name" entry?


    • If I cannot use that for an organization name, will it ever be possible to customize the order the Card View uses from the default you listed:
    1. Name
    2. Email
    3. Phone
    4. Date
    5. Number Element
    6. Submission Date
    7. Last Update Date
    8. Short Text

    Thank you for your help!

  • Profile Image
    Gustavo_H
    Answered on December 28, 2020 at 12:50 PM

    Hi, AgentsCouncilforTech. I hope you are having a great day.


    I am wondering, per your list, since "Name" is the first priority field, can I use that field as my Org Name or is it restricted to a "First Name" "Last Name" entry?

    If you are using a classic form, maybe the following can be a workaround for that.

    1. Add the Full Name element to your form;
    2. Search for this field ID to apply a CSS code that will hide the Last Name option;
    3. Following the guide, inject the CSS code below changing the question mark(?) to your field's ID;
      Complete guide 👉
      how-to-inject-custom-css-codes
    #last_? { 
       display: none !important


    #sublabel_?_last { 
       display: none !important


    Here is a screencast showing the entire process.

    1609177783_5fea1ab7a4593_


    Please, give it a try and let us know how it goes. Thank you 😀✨

  • Profile Image
    AgentsCouncilforTech
    Answered on December 28, 2020 at 03:35 PM

    I think that resolves my issue. Thank you!

  • Profile Image
    AgentsCouncilforTech
    Answered on December 28, 2020 at 04:34 PM

    One last (hopefully) question. The card view appears to display in the order the entries were added to the table.

    Can the card view be sorted in an alternate way? Such as alphabetically as the table is?
  • Profile Image
    Yau
    Answered on December 28, 2020 at 07:24 PM

    Greetings,

    I have moved your question to a different thread as it's related to a different question.

    Best,