---
title: "Class: UIElementStateChangeEventArgs | Customer's Canvas On-Premises"
canonical: "https://customerscanvas.com/docs/on-premises/design-editor/iframe-api/reference/design-editor-iframe/classes/GlobalEvents.UIElementStateChangeEventArgs/"
---

# Class: UIElementStateChangeEventArgs

> Arguments of the `UIElementStateChange` event.

## Example

``` json
{
   "element": "BottomToolbar.Zoom",
   "isOpen": true
}
```

## Constructors

### Constructor

> **new UIElementStateChangeEventArgs**(`element`, `isOpen?`): `UIElementStateChangeEventArgs`

#### Parameters

##### element

`string`

UI element that opens or closes. The current implementation only supports the `TextPopup`, `BottomToolbar.Zoom`, and `BottomToolbar.Settings` controls.

##### isOpen?

`boolean`

If `true`, the element has been opened. If `false`, the element has been closed.

#### Returns

`UIElementStateChangeEventArgs`

## Properties

### element

> **element**: `string`

A UI element that opens or closes. The current implementation only supports the `TextPopup`, `BottomToolbar.Zoom`, and `BottomToolbar.Settings` controls.

***

### isOpen?

> `optional` **isOpen?**: `boolean`

Whether the UI element is opened.

#### Remarks

If `true`, the element has been opened. If `false`, the element has been closed.

#### Default Value

`false`