# CLIENTDESIGN

## Overview

The **CLIENTDESIGN** outlines two constants: **HANDLES**, which determines available resizing handles, and **SELECTABLE**, which configures whether an element can be selected in the client design. These properties are set using the `putClientProperty` method.

## Constants Summarized

| Type                                                                         | Name                      | Summary                                                 |
| ---------------------------------------------------------------------------- | ------------------------- | ------------------------------------------------------- |
| [String](https://docs.servoy.com/reference/servoycore/dev-api/js-lib/string) | [HANDLES](#handles)       | Property that can be set using elements\['element\_1']. |
| [String](https://docs.servoy.com/reference/servoycore/dev-api/js-lib/string) | [SELECTABLE](#selectable) | Property that can be set using elements\['element\_1']. |

## Constants Detailed

### HANDLES

Property that can be set using elements\['element\_1'].putClientProperty(...), it sets the available handles in clientdesign

**Type**\
[String](https://docs.servoy.com/reference/servoycore/dev-api/js-lib/string)

**Sample**

```js
//by default all are present. ('l' stands for left, 't' stands for top, etc.)
elements['element_1'].putClientProperty(CLIENTDESIGN.HANDLES, new Array('r', 'l')); // other options are 't', 'b', 'r', 'l', 'bl', 'br', 'tl', 'tr'
```

### SELECTABLE

Property that can be set using elements\['element\_1'].putClientProperty(...), it sets the selectable flag in clientdesign

**Type**\
[String](https://docs.servoy.com/reference/servoycore/dev-api/js-lib/string)

**Sample**

```js
//by default an element with an name is selectable in client design
elements['element_1'].putClientProperty(CLIENTDESIGN.SELECTABLE, false);
```

***