# Designer

The Stadium Designer is a Windows desktop application that lets you design and generate professional web applications in minutes.

***

{% embed url="<https://www.youtube.com/embed/CkTHcosSJVc?autoplay=1&rel=0&vq=1080>" %}
*Create a basic application*
{% endembed %}

### Design complete applications

Data-driven web applications have 3 main objectives:

1. Connect to data sources.
2. Present (display) data in a visually appealing and user friendly way.
3. Enable users to perform specific actions on data.

This is how Stadium helps you design *complete* applications:

1. [Data](https://docs.stadium.software/design-applications#data)
2. [Presentation](https://docs.stadium.software/design-applications#presentation)
3. [User Interaction](https://docs.stadium.software/design-applications#user-interaction)

***

{% embed url="<https://www.youtube.com/embed/hKWUleH12Fo?autoplay=1&rel=0&vq=1080>" %}
*Create a basic data-driven application*
{% endembed %}

### Design applications fast

A typical design process:

1. Connect to your data\
   Add a [*Connector*](https://docs.stadium.software/connectors) and queries or functions to retrieve data from a database, web service or file.
2. Design how you want to present your data\
   Add [*Pages*](https://docs.stadium.software/features/pages) to your application, then drag-and-drop [controls](https://docs.stadium.software/controls) (labels, textboxes, data grids, drop-downs and other form fields) onto your pages.

{% embed url="<https://www.youtube.com/embed/mOe3ucwYOAE?autoplay=1&rel=0&vq=1080>" %}
Create a basic data-driven application (part 2)
{% endembed %}

3. Assign the data to your controls\
   Create[ event handlers](https://docs.stadium.software/features/scripts-and-event-handlers) consisting of scripts, [actions](https://docs.stadium.software/actions), [queries](https://docs.stadium.software/connectors) or [web-service-connector](https://docs.stadium.software/connectors/web-service-connector "mention") that will assign data to your controls when specific events are triggered, e.g. when a page loads (event), the event handler could include a SQL query and a [SetValue](https://docs.stadium.software/actions/set-value) action to assign data to a textbox control.
4. Add functionality for users to interact with your data\
   Create event handlers consisting of [*Scripts*](https://docs.stadium.software/features/scripts-and-event-handlers), actions, queries or functions that will execute when specific events are triggered by users, e.g. when a user clicks a button, the event handler could include a SQL query to insert form field values into a database.


---

# Agent Instructions: 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:

```
GET https://docs.stadium.software/how-it-works/designer.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
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.