---
title: "Select multiple elements for showing Smart Tips"
slug: "select-multiple-elements-for-showing-smart-tips"
updated: 2025-03-07T02:21:01Z
published: 2025-03-07T02:21:01Z
---

> ## Documentation Index
> Fetch the complete documentation index at: https://support.whatfix.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Select multiple elements for showing Smart Tips

Consider you have multiple UI elements all performing a similar function, like elements of a dropdown menu on a page. Instead of having to create different Smart Tips for each element, Whatfix enables you to select all the similar UI elements and create a single Smart Tip that appears when any of the elements are selected.

Here’s a GIF of how Multi-element Selection works.

![Multi element](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Multiselect.gif)

  
With the Multi-element Selection mode enabled, whenever a content creator selects an element on a page, Whatfix automatically highlights similar elements that are present on the page. Content creators can then confirm the selection and proceed to create content for the selected elements.

          your title goes here

          

This feature is only available for **Flows**, and **Smart Tips** (excluding Validation Tips) with **On Hover/Focus over the element** set as the appearance style of the Smart Tip. ![On_hover_over_the_element.png](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/On_hover_over_the_element.png)

---

Use the following steps to use Multi-element Selection on your application:

1. Log in to your application, and then launch the **[Whatfix Studio](/studio/docs/how-to-install-the-whatfix-editor)**.  

![CLM_editor plug in2](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/CLM_editor%20plug%20in%282%29.png)

1. Select the type of content (Flows or Smart Tips) you want to create.
2. Click **+ Add Step**. ![2024-06-13_10-04-29.png](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/2024-06-13_10-04-29.png)
3. To enable **Multi-select mode**, press **Shift + S** on your keyboard while selecting the element.
4. Once the Multi-select mode is enabled, select the desired element. ![multi select.png](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/multi%20select.png)

          your title goes here

          

All the similar elements on the page are highlighted. ![multi select screen.png](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/multi%20select%20screen.png)

          your title goes here

          

On selecting an element, if you notice that Whatfix is not highlighting any elements or highlighting the wrong elements, then click any other element that you think is similar. This provides Whatfix with more data on what should be considered similar and improve selection.

1. Confirm if all your desired elements are selected, and then click **Confirm Selection**. ![confirm selection.png](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/confirm%20selection.png)
2. Create content by adding relevant information to the tooltip. ![create content.png](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/create%20content.png)
3. Configure the tooltip and save the created content.

---

     Use Cases
    

Here are some use cases that are possible using Multi-element selection on-page:

- Add Smart Tips to the edit icons in each row of a table.
- Ensure that the step completion rules are met even if the end user clicks any of the elements of a table in an application.

Here's an orientation video on how Multi-element Selection works:

[Embedded content](https://player.vimeo.com/video/1023846670?h=b8c3c4e9a9&amp;title=0&amp;byline=0&amp;portrait=0&amp;badge=0&amp;autopause=0&amp;player_id=0&amp;app_id=58479)

## Related

- [Reselect Elements to manage UI changes](/reselecting-elements-to-manage-ui-changes.md)
