> For the complete documentation index, see [llms.txt](https://doc.sysdevmobile.com/kalipso5/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://doc.sysdevmobile.com/kalipso5/developing/form/controls/type/draw.md).
# Draw
A Draw is an editable frame. You can edit this frame in runtime by literally drawing in it. You can draw freely, draw text, predefined shapes or load image files into it. A Draw can interact with the user through its Events.\
\
**Value -** It has no value.
### Properties
### Tab - General
**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** – Text to be displayed in the Control
* **Description** - *Not applicable to this control.*
* **Plane** – Plane of the Form where the Control should be created. Check the [Planes ](/kalipso5/developing/form/option-window/planes.md)chapter for more information.
* **Visible** - With this option selected, the control is (or is not) visible.
* **Enabled** - With this option selected, the control is (or is not) enabled. It may be visible (previous option), but it may not be enabled. In this case an event associated with the control is not executed.
**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**](/kalipso5/developing/form/actions/actions-description/group-controls/set-property.md)” Action. You can also retrieve this value in runtime via the “[**Get Property**](/kalipso5/developing/form/actions/actions-description/group-controls/get-property.md)” Action.
{% endhint %}
**Style**
***Appearance***
* **Background** - Background color of the Control. You can set the color for the background.
* **Opacity** - Set the percentage of opacity for the background.
{% hint style="info" %}
You can set this value is runtime via the “[**Set Property**](/kalipso5/developing/form/actions/actions-description/group-controls/set-property.md)” Action. You can retrieve this value in runtime via the “[**Get Property**](/kalipso5/developing/form/actions/actions-description/group-controls/get-property.md)” Action.
{% endhint %}
On the right side of the Style section, you can choose templates with pre-defined styles or configurable ones. By clicking on this option, the following style possibilities appear:
* **Styles**
* None
* Base
***Border***
* **Border** - Yes or No
### Tab - Actions
For each control, actions can be associated. For this, with the control selected, it is possible to access this tab and associate an action to the control. For more information on the actions available and how to use them click [**here**](/kalipso5/developing/form/option-window/actions.md).
#### Shortcuts
* F2 - Actions
* F3 - General Properties
---
# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.
## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.
Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:
```
GET https://doc.sysdevmobile.com/kalipso5/developing/form/controls/type/draw.md?ask=&goal=
```
`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.
Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.