> For the complete documentation index, see [llms.txt](https://docs.amltd.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.amltd.com/dc-works/dc-works-designer/designer-interface.md).

# Designer Interface

## Designer Interface

The **DC Works Designer** is a browser-based interface for creating and managing Applets, Suites, data, files, users, licenses, and other components of a DC Works solution.

The options displayed in the Designer change depending on the section or component selected.

### Main Designer interface

The main Designer interface is organized into three primary areas:

| Area                | Purpose                                                               |
| ------------------- | --------------------------------------------------------------------- |
| Main Navigation     | Provides access to the principal sections of DC Works                 |
| Main Workspace      | Displays the selected component, list, or configuration screen        |
| Top Information Bar | Displays company and user information and provides access to sign-out |

The Main Navigation can be collapsed by selecting the menu icon.

<figure><img src="/files/jTUADBF6QFYCjcLPmj82" alt=""><figcaption></figcaption></figure>

### Main Navigation

The Main Navigation provides access to:

* **Applets** — Create, edit, test, import, export, and manage Applets.
* **Data** — Create and manage databases and tables.
* **Suites** — Create and manage Suites.
* **API Connector** — Configure connections between DC Works and external systems.
* **Files** — Upload and manage files used by DC Works.
* **Account** — Access account, subscription, license, user, developer, and other administrative functions.
* **Release Notes** — Review information about DC Works updates.
* **Documentation** — Open the DC Works documentation.

Available sections and functions may depend on the user’s permissions.

### Applet Editor

Selecting an Applet opens the Applet Editor. The Applet Editor is organized into four primary areas:

| Area               | Purpose                                                                                      |
| ------------------ | -------------------------------------------------------------------------------------------- |
| Applet Editor Menu | Provides access to Pages, Toolbox, Records, Styles, and other Applet design tools            |
| Main Workspace     | Displays the selected Applet page and allows fields and visual elements to be arranged       |
| Properties Panel   | Displays the settings for the selected page, field, or visual element                        |
| Top Taskbar        | Provides page navigation, zoom, display, saving, publishing, exporting, and testing controls |

<figure><img src="/files/8Ynoz0v5tQxdYoQCKPJM" alt=""><figcaption></figcaption></figure>

#### Applet Editor Menu

The Applet Editor Menu provides access to the tools used to build an Applet:

* **Pages** — Add and select Applet pages.
* **Toolbox** — Add fields and visual elements.
* **Records** — Create and manage the records used by the Applet.
* **Styles** — Configure the Applet’s colors and visual appearance.

#### Main Workspace

The Main Workspace displays the selected Applet page. Fields and other elements can be added, selected, positioned, and arranged within this area.

#### Properties Panel

The Properties Panel is used to configure the currently selected page, field, or visual element.

The available properties change according to the type of item selected.

#### Top Taskbar

The Top Taskbar provides access to common Applet commands, including:

* Switching between pages.
* Adjusting the workspace zoom.
* Selecting the display size and orientation.
* Saving and publishing the Applet.
* Exporting the Applet.
* Running or testing the Applet.

{% hint style="info" %}
This page provides a general orientation to the Designer. Detailed instructions for Applets, Suites, databases, tables, users, licenses, and other components are provided in their respective chapters.
{% endhint %}

### Next

Continue to **Main Navigation** for a closer look at the principal sections of the DC Works Designer.


---

# 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://docs.amltd.com/dc-works/dc-works-designer/designer-interface.md?ask=<question>&goal=<endgoal>
```

`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.