---
title: "FloatingToolbarElementHandler | Customer's Canvas On-Premises"
canonical: "https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/FloatingToolbarElementHandler/"
---

# FloatingToolbarElementHandler

> [`FloatingToolbarElementHandler`](#floatingtoolbarelementhandler)

## Enumerations

### UpdatePositionMode

#### Enumeration Members

| Enumeration Member | Value |
| ------ | ------ |
|  `Center` | `1` |
|  `Smart` | `0` |

## Classes

### FloatingToolbarElementHandler

#### Constructors

##### Constructor

```ts
new FloatingToolbarElementHandler(
   canvasElementHandler, 
   viewer, 
   cssClass, 
   bigButtonCssClass): FloatingToolbarElementHandler;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `canvasElementHandler` | [`CanvasElementHandler`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/CanvasElementHandler.md#canvaselementhandler) |
| `viewer` | [`Viewer`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/Viewer-1.md#viewer) |
| `cssClass` | `string` |
| `bigButtonCssClass` | `string` |

###### Returns

#### Accessors

##### isElementVisible

###### Get Signature

```ts
get isElementVisible(): boolean;
```

###### Returns

`boolean`

##### visible

###### Get Signature

```ts
get visible(): boolean;
```

###### Returns

`boolean`

#### Methods

##### changeButtonsVisibility()

```ts
changeButtonsVisibility(params): void;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `params` | `object`[] |

###### Returns

`void`

##### changeVisibility()

```ts
changeVisibility(value): boolean;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `value` | `boolean` |

###### Returns

`boolean`

##### dispose()

```ts
dispose(): void;
```

###### Returns

`void`

##### hitTest()

```ts
hitTest(pt): any;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `pt` | `PointF` |

###### Returns

`any`

##### init()

```ts
init(buttonDescriptions): void;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `buttonDescriptions` | `Map`\<`string`, [`IFloatingButtonDescription`](#ifloatingbuttondescription)\> |

###### Returns

`void`

##### isToolbarLargerThanRectangle()

```ts
isToolbarLargerThanRectangle(rectangle): boolean;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `rectangle` | `RotatedRectangleF` |

###### Returns

`boolean`

##### update()

```ts
update(): void;
```

###### Returns

`void`

##### updatePosition()

```ts
updatePosition(rectangle, mode?): void;
```

###### Parameters

| Parameter | Type | Default value |
| ------ | ------ | ------ |
| `rectangle` | `RotatedRectangleF` | `undefined` |
| `mode` | [`UpdatePositionMode`](#updatepositionmode) | `UpdatePositionMode.Smart` |

###### Returns

`void`

## Interfaces

### IFloatingButtonDescription

#### Properties

##### cssClass

```ts
cssClass: string;
```

##### defaultText

```ts
defaultText: string;
```

##### handler

```ts
handler: AnyFunction;
```

##### visible

```ts
visible: boolean;
```