---
title: "Dynamic Event Images"
slug: "el-dynamic-event-images"
updated: 2024-02-12T13:06:19Z
published: 2024-02-12T13:06:19Z
canonical: "documentation.decisions.com/el-dynamic-event-images"
---

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

# Dynamic Event Images

Example Lab ArticleWhile Example Lab projects are resources for public use, articles and assets are not actively maintained. Screenshots and features are from the specified version below. These references may become dated as new versions are released.

---

## Overview

| ## Example Lab Details |
| --- |
| **Version** | 8.10 |
| **Root Folder** | Example Lab -Event Image Dynamic Change |
| **Modules** | None |
| **Dependencies** | None |

This Example Lab helps users understand how to dynamically show and hide Event Images. By putting both Event Image buttons into a vertical stack, initially hide the second image button, and set up an Active Form Flow to hide and show the Event Images based on which Event Image is clicked.

---

## Explanation

First, create a Form using [Vertical Stacks](https://documentation.decisions.com/docs/horizontal-and-vertical-stack-layouts)

![](https://cdn.document360.io/6ef8bcc1-6489-4486-9ad1-83acff7e5df0/Images/Documentation/2023-06-06_11h34_02.png)

Click on the image that will be hidden and under BEHAVIOR, set the Initially Visible box to unchecked.

![](https://cdn.document360.io/6ef8bcc1-6489-4486-9ad1-83acff7e5df0/Images/Documentation/2023-06-06_15h47_42.png)

Go to Edit Active Form Flows and select the two EventImageButtons.![](https://cdn.document360.io/6ef8bcc1-6489-4486-9ad1-83acff7e5df0/Images/Documentation/2023-06-06_10h58_40.png)

Then click EDIT RULE FLOW and configure the Flow. For a Form that toggles between two images, the steps needed are [String Match step](https://documentation.decisions.com/step-library/docs/string-match-step) x1, [Hide Control step](https://documentation.decisions.com/step-library/docs/hide-control) x2, and [Show Control step](https://documentation.decisions.com/step-library/docs/show-control) x2 in the below configuration:

![](https://cdn.document360.io/6ef8bcc1-6489-4486-9ad1-83acff7e5df0/Images/Documentation/image-1686061702207.png)

The String Match step needs to have Settings configured with the names of the images. These names will become the inputs for the Hide Control steps.![](https://cdn.document360.io/6ef8bcc1-6489-4486-9ad1-83acff7e5df0/Images/Documentation/2023-06-06_10h56_43.png)

Reference Articles[Form Control Glossary](https://documentation.decisions.com/docs/formcontrolglossary)

---

## Project Download

The examples attached were developed to be instructional and were not developed as officially supported components. For more information or to engage our service team to develop fully supported, production-quality solutions, please contact services@decisions.com. Import the project below to a Decisions environment on version 6.12 or later using our [Importing/Exporting](https://documentation.decisions.com/docs/importing-and-exporting-projects) article.  
  
[Example Lab.Event Image Dynamic-13042023-021622 (1).zip](https://cdn.document360.io/6ef8bcc1-6489-4486-9ad1-83acff7e5df0/Images/Documentation/Example%20Lab.Event%20Image%20Dynamic-13042023-021622%20(1).zip)  

---