Problem:

The user wants to display a many-to-many relationship between Events and Speakers, including filtering by a custom field (keynote speakers), within Elementor.

Solution:

To achieve this, follow these steps:

1. Enable Legacy Views:

- Navigate to Toolset > Settings > General.
- In the "Editing experience" section, enable "Show both the legacy and Blocks interface and let me choose which to use for each item I build".
- Reload the page to see the Toolset > Views menu.

2. Create a View:

- Create a new View under Toolset > Views.
- Use the View to query Speakers related to Events.
- Add a filter for the "keynote speaker" checkbox if needed.

3. Use the View in Elementor:

Add the View shortcode in an Elementor text widget or shortcode widget to display the relationship data.

Relevant Documentation:

https://toolset.com/course-lesson/enabling-legacy-version-of-toolset-views/

https://toolset.com/documentation/legacy-features/views-plugin/#post-relationships

https://toolset.com/course-lesson/using-toolset-with-elementor-page-builder/

Problem:

I encountered an issue where image sizes render differently in Chrome compared to Firefox.

Solution:

To fix the issue, add the following CSS code to your theme:

div.tb-gallery img {
    height: 100% !important;
}

.tb-gallery--grid--nocrop .tb-gallery__cell {
    height: 100%;
}

Problem:

You are unable to display a multiple image field (images_work) using a single Field block in Toolset.

Solution:

To display a multiple image field, use either the Repeating Field block or the Gallery block instead of a single Field block.

- Open the content template where you want to display the images.

- Insert a Gallery block or a Repeating Field block.

- Select the images_work field from the available options.

- Save and test the display.