---
title: "Action Element conditions as Display Rules"
slug: "action-element-condition-as-display-rules"
updated: 2026-08-11T13:08:49Z
published: 2026-08-11T13:08:49Z
canonical: "support.whatfix.com/action-element-condition-as-display-rules"
---

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

# Action Element conditions as Display Rules

- [Introduction](/docs/action-element-condition-as-display-rules#introselected)
- [Types of Action Element condition rules](/docs/action-element-condition-as-display-rules#typesselected)
- [Use Cases](/docs/action-element-condition-as-display-rules#usecaseselected)

## Introduction

To ensure that performing an action on a particular element triggers the branched Flow, use the **Action Element Is** or **Action Element Text** as a Display Rule. This enables you to add identifiers or properties to ensure that the branched Flow starts on the correct element.

The following are the Action Element rules:

[Action Element Is (Select Element/CSS Selector/jQuery Selector)](/docs/action-element-condition-as-display-rules#actionelementis) [Action Element Text (Select Element/Is, Is One Of)](/docs/action-element-condition-as-display-rules#actionelementtext)

> [!WARNING]
> Note:
> 
> The Action Element rules are available only under Display Rules for Branching in a Flow. For more information, see [Branching in Flows](/studio/docs/branching-in-a-flow).

## Types of Action Element condition rules

### Action Element Is (Select Element, CSS Selector, or jQuery Selector)

- Whatfix enables you to select an element as a Display Rule by using the **Select Element** option from the dropdown. Clicking this element triggers the branched Flow. ![Studio_Flow_Branching_Rule.png](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Studio_Flow_Branching_Rule.png)
- Web applications use unique IDs for some elements on the page. Add the unique ID as a **CSS Selector or jQuery Selector** for the element. This is used when your element needs to be selected from a list of options. For example, a dropdown menu. ![Studio_Branching_Selectors.png](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Studio_Branching_Selectors.png)

The following are examples of jQuery selectors:

- $("#firstname"): Selects the element with id="firstname"
- $(".primary"): Selects the element with class="primary"

The following are examples of CSS selectors:

- input[title="Search"]: Selects the input element with the title "Search"
- [id="#analytics-left-pane"]: Selects the element with the id="analytics-left-pane"

### Action Element Text (Is or Is One Of)

This is the text that is displayed on the Action Element that is selected. If your application supports multiple languages, choose the **Is One Of** option and add the name with a comma(,) as a delimiter. ![clm_branching DR_action element is](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/clm_branching%20DR_action%20element%20is.png)

> [!NOTE]
> Info:
> 
> The value is case-sensitive.

## Use Cases

**Trigger a branched Flow on options inside a dropdown**

Consider that you want to trigger a branched Flow on one of the options inside a dropdown. These options have unique identifiers (IDs) as CSS Selectors.

1. On the Whatfix Studio, select the rule as **Action Element Is** and **CSS Selector**. ![Studio_Action_element_Is.png](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Studio_Action_element_Is.png)
2. Enter the selector. ![Studio_Flow_Action_element_Is_Selector.png](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Studio_Flow_Action_element_Is_Selector.png)
3. Finish creating the Whatfix Flow.

**Trigger a branched Flow when there are no unique identifiers for the elements**

Consider that you want to trigger a branched Flow on buttons that don't have unique identifiers other than button names. In such a scenario use the Action Element Text to ensure that the branched Flow triggers correctly.

1. On the Whatfix Studio, select the rule as **Action Element Text** and **Is**. ![Studio_Action_element_Text_is.png](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Studio_Action_element_Text_is.png)
2. Enter the button name. ![Studio_Action_element_text.png](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Studio_Action_element_text.png)
3. Finish creating the Whatfix Flow.

## Related

- [Branching in a Flow](/branching-in-a-flow.md)