# Application Design

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