> For the complete documentation index, see [llms.txt](https://docs.servoy.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.servoy.com/guides/develop/application-design.md).

# Application Design

- [Forms](https://docs.servoy.com/guides/develop/application-design/forms.md): This guide will introduce the fundamental concept of Forms
- [Layout Management](https://docs.servoy.com/guides/develop/application-design/forms/layout-management.md)
- [Simple Layout](https://docs.servoy.com/guides/develop/application-design/forms/layout-management/css-position.md): This section of the guide covers the Simple (CSS Position) layout manager
- [Fully Responsive](https://docs.servoy.com/guides/develop/application-design/forms/layout-management/home.md)
- [Bootstrap 12-Grid](https://docs.servoy.com/guides/develop/application-design/forms/layout-management/home/b12grid.md)
- [Flexbox](https://docs.servoy.com/guides/develop/application-design/forms/layout-management/home/flexbox.md)
- [Custom Div](https://docs.servoy.com/guides/develop/application-design/forms/layout-management/home/custom-div.md)
- [Collapsible Container](https://docs.servoy.com/guides/develop/application-design/forms/layout-management/home/collapsible-container.md)
- [Simple Collapsible](https://docs.servoy.com/guides/develop/application-design/forms/layout-management/home/simple-collapsible.md)
- [Center Container](https://docs.servoy.com/guides/develop/application-design/forms/layout-management/home/center-container.md)
- [Inline Group Container](https://docs.servoy.com/guides/develop/application-design/forms/layout-management/home/inline-group-container.md)
- [Abstract Form](https://docs.servoy.com/guides/develop/application-design/forms/layout-management/abstract-form.md)
- [Form Containers](https://docs.servoy.com/guides/develop/application-design/forms/form-containers.md)
- [Form Container](https://docs.servoy.com/guides/develop/application-design/forms/form-containers/form-container.md)
- [Tab Panel](https://docs.servoy.com/guides/develop/application-design/forms/form-containers/tab-panel.md)
- [Split Pane](https://docs.servoy.com/guides/develop/application-design/forms/form-containers/split-pane.md)
- [Collapse](https://docs.servoy.com/guides/develop/application-design/forms/form-containers/collapse.md)
- [Accordion Panel](https://docs.servoy.com/guides/develop/application-design/forms/form-containers/accordion-panel.md)
- [Form Component](https://docs.servoy.com/guides/develop/application-design/forms/form-containers/form-component.md)
- [List Form Component](https://docs.servoy.com/guides/develop/application-design/forms/form-containers/list-form-component.md)
- [Form Inheritance](https://docs.servoy.com/guides/develop/application-design/forms/form-inheritance.md)
- [Form Components](https://docs.servoy.com/guides/develop/application-design/forms/form-components.md)
- [UI Components](https://docs.servoy.com/guides/develop/application-design/ui-components.md)
- [Buttons and Text](https://docs.servoy.com/guides/develop/application-design/ui-components/buttons-and-text.md)
- [Badge](https://docs.servoy.com/guides/develop/application-design/ui-components/buttons-and-text/badge.md): Guide for using badges in your applications
- [Button](https://docs.servoy.com/guides/develop/application-design/ui-components/buttons-and-text/buttons.md): Guide for using buttons in your applications
- [Data Label](https://docs.servoy.com/guides/develop/application-design/ui-components/buttons-and-text/data-label.md): Guide for using data labels in your applications
- [Dropdown](https://docs.servoy.com/guides/develop/application-design/ui-components/buttons-and-text/dropdown.md): Guide for using dropdown in your applications
- [Image](https://docs.servoy.com/guides/develop/application-design/ui-components/buttons-and-text/image.md): Guide for using Image component in your applications
- [Label](https://docs.servoy.com/guides/develop/application-design/ui-components/buttons-and-text/label.md): Guide for using labels in your applications
- [Grids](https://docs.servoy.com/guides/develop/application-design/ui-components/grids.md)
- [Data Grid](https://docs.servoy.com/guides/develop/application-design/ui-components/grids/data-grid_new.md)
- [Power Grid](https://docs.servoy.com/guides/develop/application-design/ui-components/grids/power-grid.md)
- [Table](https://docs.servoy.com/guides/develop/application-design/ui-components/grids/table.md)
- [Input Controls](https://docs.servoy.com/guides/develop/application-design/ui-components/input-controls.md)
- [Calendar](https://docs.servoy.com/guides/develop/application-design/ui-components/input-controls/calendar.md): Guide for using the Calendar in your applications
- [Calendar Inline](https://docs.servoy.com/guides/develop/application-design/ui-components/input-controls/calendar-inline.md)
- [Checkbox](https://docs.servoy.com/guides/develop/application-design/ui-components/input-controls/checkbox.md): Guide for using checkboxes in your applications
- [Choice Group](https://docs.servoy.com/guides/develop/application-design/ui-components/input-controls/choice-group.md)
- [Combobox](https://docs.servoy.com/guides/develop/application-design/ui-components/input-controls/combobox.md)
- [Group Buttons](https://docs.servoy.com/guides/develop/application-design/ui-components/input-controls/group-buttons.md)
- [Html Area](https://docs.servoy.com/guides/develop/application-design/ui-components/input-controls/html-area.md)
- [Input Group](https://docs.servoy.com/guides/develop/application-design/ui-components/input-controls/input-group.md)
- [Rating](https://docs.servoy.com/guides/develop/application-design/ui-components/input-controls/rating.md)
- [Slider](https://docs.servoy.com/guides/develop/application-design/ui-components/input-controls/slider.md)
- [Switch](https://docs.servoy.com/guides/develop/application-design/ui-components/input-controls/switchbutton.md): Guide for using Switch in your applications
- [Spinner](https://docs.servoy.com/guides/develop/application-design/ui-components/input-controls/spinner.md): Guide for using Spinner in your applications
- [TextArea](https://docs.servoy.com/guides/develop/application-design/ui-components/input-controls/text-area.md)
- [Textbox](https://docs.servoy.com/guides/develop/application-design/ui-components/input-controls/textbox.md): Guide for using textbox in your applications
- [TextBoxGroup](https://docs.servoy.com/guides/develop/application-design/ui-components/input-controls/textboxgroup.md): Guide for using textboxGroup in your applications
- [Type Ahead](https://docs.servoy.com/guides/develop/application-design/ui-components/input-controls/typeahead.md)
- [select2tokenizer](https://docs.servoy.com/guides/develop/application-design/ui-components/input-controls/select2tokenizer.md)
- [Media](https://docs.servoy.com/guides/develop/application-design/ui-components/media.md)
- [Carousel](https://docs.servoy.com/guides/develop/application-design/ui-components/media/carousel.md)
- [Embedded YouTube](https://docs.servoy.com/guides/develop/application-design/ui-components/media/embedded-youtube.md)
- [File upload](https://docs.servoy.com/guides/develop/application-design/ui-components/media/fileupload.md)
- [Image label](https://docs.servoy.com/guides/develop/application-design/ui-components/media/image-label.md)
- [Lightbox Gallery](https://docs.servoy.com/guides/develop/application-design/ui-components/media/lightbox-gallery.md)
- [MultiFile Upload](https://docs.servoy.com/guides/develop/application-design/ui-components/media/multifile-upload.md)
- [PDF JS Viewer](https://docs.servoy.com/guides/develop/application-design/ui-components/media/pdf-js-viewer.md)
- [PDF Viewer](https://docs.servoy.com/guides/develop/application-design/ui-components/media/pdf-viewer.md)
- [Mobile](https://docs.servoy.com/guides/develop/application-design/ui-components/mobile.md)
- [Native Data List](https://docs.servoy.com/guides/develop/application-design/ui-components/mobile/native-data-list.md)
- [Native Select](https://docs.servoy.com/guides/develop/application-design/ui-components/mobile/native-select.md)
- [Navigation](https://docs.servoy.com/guides/develop/application-design/ui-components/navigation.md)
- [Breadcrumbs](https://docs.servoy.com/guides/develop/application-design/ui-components/navigation/breadcrumbs.md)
- [Navbar](https://docs.servoy.com/guides/develop/application-design/ui-components/navigation/navbar.md)
- [sidenav](https://docs.servoy.com/guides/develop/application-design/ui-components/navigation/sidenav.md)
- [Visualization](https://docs.servoy.com/guides/develop/application-design/ui-components/visualization.md)
- [DBTreeview](https://docs.servoy.com/guides/develop/application-design/ui-components/visualization/dbtreeview.md)
- [Progress Bar](https://docs.servoy.com/guides/develop/application-design/ui-components/visualization/progress-bar.md)
- [Treeview](https://docs.servoy.com/guides/develop/application-design/ui-components/visualization/tree.md)
- [ChartJS](https://docs.servoy.com/guides/develop/application-design/ui-components/visualization/svychartjs.md): Guide for using svyChartJS in your applications
- [Data Labels Plugin](https://docs.servoy.com/guides/develop/application-design/ui-components/visualization/svychartjs/data-labels-plugin.md)
- [Funnel Chart](https://docs.servoy.com/guides/develop/application-design/ui-components/visualization/svychartjs/funnel-chart.md)
- [OutLabels Plugin](https://docs.servoy.com/guides/develop/application-design/ui-components/visualization/svychartjs/outlabels-plugin.md)
- [TreeMap](https://docs.servoy.com/guides/develop/application-design/ui-components/visualization/svychartjs/treemap.md)
- [Specialized Components](https://docs.servoy.com/guides/develop/application-design/ui-components/specialized-components.md)
- [Smart Document Editor](https://docs.servoy.com/guides/develop/application-design/ui-components/specialized-components/home.md)
- [Servoy PDF Viewer](https://docs.servoy.com/guides/develop/application-design/ui-components/specialized-components/home-1.md)
- [Fullcalendar Component](https://docs.servoy.com/guides/develop/application-design/ui-components/specialized-components/home-2.md)
- [Fullcalendar](https://docs.servoy.com/guides/develop/application-design/ui-components/specialized-components/home-2/fullcalendar.md)
- [Fullcalendar Events](https://docs.servoy.com/guides/develop/application-design/ui-components/specialized-components/home-2/fullcalendar-events.md)
- [Migrating calendar from Smart and Web client to NG client](https://docs.servoy.com/guides/develop/application-design/ui-components/specialized-components/home-2/migrating-calendar-from-smart-and-web-client-to-ng-client.md)
- [Fullcalendar Component 2](https://docs.servoy.com/guides/develop/application-design/ui-components/specialized-components/fullcalendar2.md)
- [Canvas](https://docs.servoy.com/guides/develop/application-design/ui-components/specialized-components/home-3.md)
- [Google Charts](https://docs.servoy.com/guides/develop/application-design/ui-components/specialized-components/home-4.md)
- [Google Maps](https://docs.servoy.com/guides/develop/application-design/ui-components/specialized-components/home-5.md)
- [svySignature](https://docs.servoy.com/guides/develop/application-design/ui-components/specialized-components/home-6.md)
- [svywebcam](https://docs.servoy.com/guides/develop/application-design/ui-components/specialized-components/home-7.md)
- [Styling and Themes](https://docs.servoy.com/guides/develop/application-design/styling-and-themes.md)
- [Default Theme Properties](https://docs.servoy.com/guides/develop/application-design/styling-and-themes/default-theme-properties.md)
- [CSS / LESS](https://docs.servoy.com/guides/develop/application-design/styling-and-themes/css-less.md)
- [Component Variants](https://docs.servoy.com/guides/develop/application-design/styling-and-themes/component-variants.md)
- [Font Icons](https://docs.servoy.com/guides/develop/application-design/styling-and-themes/font-icons.md)
- [Data Modeling](https://docs.servoy.com/guides/develop/application-design/data-modeling.md)
- [Databases](https://docs.servoy.com/guides/develop/application-design/data-modeling/databases.md)
- [Tables](https://docs.servoy.com/guides/develop/application-design/data-modeling/databases/tables.md)
- [Columns](https://docs.servoy.com/guides/develop/application-design/data-modeling/databases/tables/columns.md)
- [Calculations](https://docs.servoy.com/guides/develop/application-design/data-modeling/databases/tables/calculations.md)
- [Aggregations](https://docs.servoy.com/guides/develop/application-design/data-modeling/databases/tables/aggregations.md)
- [Methods](https://docs.servoy.com/guides/develop/application-design/data-modeling/databases/tables/methods.md)
- [Events / Triggers](https://docs.servoy.com/guides/develop/application-design/data-modeling/databases/tables/events-triggers.md)
- [Table security](https://docs.servoy.com/guides/develop/application-design/data-modeling/databases/tables/table-security.md)
- [Views](https://docs.servoy.com/guides/develop/application-design/data-modeling/databases/views.md)
- [Procedures](https://docs.servoy.com/guides/develop/application-design/data-modeling/databases/procedures.md)
- [Relations](https://docs.servoy.com/guides/develop/application-design/data-modeling/relations.md)
- [Value Lists](https://docs.servoy.com/guides/develop/application-design/data-modeling/value-lists.md)
- [Menus](https://docs.servoy.com/guides/develop/application-design/data-modeling/menu.md)
- [In-Memory Databases](https://docs.servoy.com/guides/develop/application-design/data-modeling/in-memory-databases.md)
- [View Datasource](https://docs.servoy.com/guides/develop/application-design/data-modeling/view-datasource.md)
- [Modular Design](https://docs.servoy.com/guides/develop/application-design/modular-design.md)


---

# 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 by asking a question.

Perform an HTTP GET request on the following URL with the `ask` and `goal` query parameters:

```
GET https://docs.servoy.com/guides/develop/application-design.md?ask=<question>&goal=<user_goal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is what the user is ultimately trying to achieve, the reason they need the answer. Sharing it helps GitBook give you a better, more relevant answer. A goal is most helpful when it describes the outcome the user wants rather than restating the question. For example, with `ask=how do I create an API token`, a goal like `automate deployments from our CI pipeline` lets GitBook tailor the answer to that use case.

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.