# Properties - controls

### **Properties**

When you select a control on the canvas, the **right sidebar** will show the specific **component properties** panel. There you can set what kind of data and other content your UI components display, configure how they function and define how they are bound to app data. 

<div align="left"><figure><img src="https://870194474-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M_kE41Rl4pOtwKfvvQq%2Fuploads%2FN6duB2TnF2gzAH2MYLB8%2FToolbar%20dashboard%20control.png?alt=media&#x26;token=db8d778b-189a-48fe-9fc0-7779c08f56f3" alt=""><figcaption></figcaption></figure></div>

**Property General - Use of display texts:** You can add a display text to a component. Alle display texts are accessable in the menu part [**Translations**](https://academy.any2info.com/any2info-academy/no-code-platform/tools/translation). There you also can add different languages for  the display texts.

#### Docking

Each control can be docked into position on the screen for:

* height and width&#x20;
* distance to top, bottom, left side and right side

Depending the docking and the set scale mode a control wil scale with the size of the device or has a fixed size.

<div align="left"><figure><img src="https://870194474-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M_kE41Rl4pOtwKfvvQq%2Fuploads%2FrZJFYIYVlwENmcJc2bB6%2FImage%20docking.png?alt=media&#x26;token=730371f5-cf61-466f-b313-a6140318b280" alt=""><figcaption></figcaption></figure></div>

### [**Styling**](https://academy.any2info.com/any2info-academy/no-code-platform/app-studio/designertools/stylesheets)

**Property Text -  Use of placeholder text**&#x20;

To some of the form fields a specific placeholder text can be added.

### [**Events**](https://academy.any2info.com/any2info-academy/no-code-platform/app-studio/application-design/dashboard/events-actions)

A wide range of controls have the possibility to set an event, for example on a click, update or value change.&#x20;

Selecting the control on the canvas will open the right bar panel where you can add events.

### [**Links**](https://academy.any2info.com/any2info-academy/no-code-platform/app-studio/app-logic/dashboards/dashboard-links)&#x20;

On a dashboard page you can link specific controls, and their specific data, to other controls.&#x20;

For example:&#x20;

* A bar graph has to be linked to a selection of items in a dropdown control.&#x20;
* Date time fields (from - to) are linked to a grid overview

All links are created by using the properties of an available data clip. These properties can be selected and mapped in the relevant data clip. See the section [**Mapping controls**](https://academy.any2info.com/any2info-academy/no-code-platform/app-studio/data/mapping-dashboard-data).

###