How to Configure Multiple Fields as the Button or Front Card in Views Display

Hello,
Thank you so much! I'm glad to hear that the Views Vanilla JavaScript Suite modules have been helpful for you.

You can accomplish this task using just Views, without needing any additional modules. The instructions below have been updated on the module's home page for your convenience.

How to Configure Multiple Fields as the Button or Front Card in Views Display

My contrib modules for Drupal Views Plugin Display, such as Accordion, Tabs, Reveal, and 3D Cards, allow for dynamic content display based on the first field in your view. By default, the first field selected in the view configuration is used as the button or front card. However, if you wish to utilize more than one field as the "first field" for the button or front card, follow these steps:

Step-by-Step Instructions:

1. Add Desired Fields: In your Views configuration, add all the fields you want to use as the button or front card.
2. Exclude from Display: For each of these fields, mark them as "Exclude from display". This ensures that these fields are available for use but are not directly shown in the final output.
3. Create a Custom Global Field:
   • Add a Custom Global Field (Text) to your view.
   • Use the Replacement Patterns feature to insert tokens for the fields you've excluded from the display. This allows you to combine multiple fields into one single output.

Field Ordering Guidance:

• Arrange the fields in your view so that the hidden fields (the ones excluded from display) come first.
• Follow the hidden fields with the custom global field that will act as the button or front card.
• After these fields, add any remaining fields that will make up the rest of your content.

By following these steps and arranging your fields in this order, you can use multiple fields as the first field for your button or front card, offering greater flexibility and customization in your Drupal Views displays.

**Note: I have updated the live demo with these settings for all cards. Additionally, I created a view → that you can import and use as an example.

When you click on Custom Text Global Field:

Best wishes,
Alaa

hi
ook thanks for repling. i will check that

Automatically closed - issue fixed for 2 weeks with no activity.