What drives the header on the JotForm Cards view?

  • 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.

  • Ariel JotForm Support
    Replied on November 25, 2020 at 3: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 Screenshot 10

    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.

  • AgentsCouncilforTech
    Replied 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!

  • Gustavo_H
    Replied 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  Screenshot 10


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

  • AgentsCouncilforTech
    Replied on December 28, 2020 at 3:35 PM

    I think that resolves my issue. Thank you!

  • AgentsCouncilforTech
    Replied on December 28, 2020 at 4: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?
  • Yau_C
    Replied on December 28, 2020 at 7:24 PM

    Greetings,

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

    Best,