# Shape

![](https://3821468174-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LrTlA1suFa5N48x_83N%2F-MSTjnHPX3aT-BFWJTzP%2F-MSTkATsc5iT8RZLutaa%2FShape.png?alt=media\&token=3b904a3d-c5eb-46d2-9c5b-833db83f2b2d)

A Shape is a frame composed by a geometric figure: line or rectangle. This Control doesn’t interact with the user. You can use Shapes to stylish your application.\
\
**Value -** It as no value.

![](https://3821468174-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LrTlA1suFa5N48x_83N%2F-M_0BZdQWwrWS_lgq-Yd%2F-M_0CctLjPU47FGSXY4v%2FShape_Menu.PNG?alt=media\&token=f0ffdf15-22ee-4872-abdb-5e21251a97c2)

**Common**

* **Name** - Name of the Control. This Name will be used to identify the Control throughout the Project. The name of the Control can only contain letters, digits or underscore (\_).
* **Text** - *Not applicable to this control.*
* **Description** - *Not applicable to this control.*
* **Plane** - Plane of the Form where the Control should be created. Check the [Planes](https://doc.sysdevmobile.com/kalipso5/developing/form/option-window/planes) chapter for more information.
* **Visible** - With this option selected, the control is (or is not) visible.

**Layout**

* **X** - x position of the Control from left
* **Y** - y position of the Control from top 
* **Width** - Width of the Control.  
* **Height** -  Height of the Control

{% hint style="info" %}
In relation to all these layout options, it is possible to set this value in runtime via the “[**Set Property**](https://doc.sysdevmobile.com/kalipso5/developing/form/actions/actions-description/group-controls/set-property)” Action. You can also retrieve this value in runtime via the “[**Get Property**](https://doc.sysdevmobile.com/kalipso5/developing/form/actions/actions-description/group-controls/get-property)” Action.
{% endhint %}

**Style**

In the right corner of the window you can choose the style for this control. The available ones are:

* None
* Base
* Ellipse
* Header
* MenuItemBack
* SubHeader

***Appearance***

* **Background** - Background color of the Control. You can set the color for the background.
* **Opacity** - Set the percentage of opacity for the background.

***Shape*** 

Its possible to choose a Line, Rectangule, Elipse and a Circle shape.<br>

* **Line** - Select the line color.
* **Thickness** - Select the thickness of the shape line.
* **Rounded Corners** - Select if the object will have rounded corners.
* **Radius** - In case the option rounded corners is select you are able to define the radius of it.
* **Borders** - Choose which line of borders you want to add (left, right, top, bottom and none).