

After creating a custom page, we can add widgets to the page. See the Form Elements page to place widgets in forms.

Here's an example snippet of how easy it is to place multiple widgets on a page:

```
var content = {};
content['my_button'] = { /* ... */ };
content['my_checkbox'] = { /* ... */ };
content['my_view'] = { /* ... */ };
return content;
```

If you're planning on building a form, visit the [Forms docs](Forms) to learn about the creation, validation and submission of forms using DrupalGap.

Below are screen shots of various supported widgets. To see example code for a particular widget, click on its screenshot.

## Autocomplete Widget

[![Autocomplete Widget](http://drupalgap.com/sites/default/files/autocomplete-mini.png)](Forms/Form_Elements/Autocomplete)

## Button Widget

[![Button Widget](http://drupalgap.com/sites/default/files/button-widget.png)](Widgets/Buttons)

## Checkbox Widget

[![Checkbox Widget](http://drupalgap.com/sites/default/files/checkbox.png)](Widgets/Checkbox_Widget)

## Collapsible Widget

[![Collapsible Widget](http://drupalgap.com/sites/default/files/collapsible-widget-open.png)](Widgets/Collapsible_Widget)

## Collapsibleset Widget

[![Collapsibleset Widget](http://drupalgap.com/sites/default/files/collapsibleset-widget-open.png)](Widgets/Collapsibleset_Widget)

## Controlgroup Widget

[![Controlgroup Widget](http://drupalgap.com/sites/default/files/controlgroup-widget.png)](Widgets/Controlgroup_Widget)

## Header Widget

[![Header Widget](http://drupalgap.com/sites/default/files/header-widget.png)](Widgets/Header_Widget)

## HTML Widget

[![HTML Widget](http://drupalgap.com/sites/default/files/html-widget.png)](Widgets/HTML_Widget)

## List Widget

[![List Widget](http://drupalgap.com/sites/default/files/list-widget.png)](Widgets/List_Widget)

## Panel Widget

[![Panel Widget](http://drupalgap.com/sites/default/files/panel.png)](Widgets/Panels)

## Popup Widget

[![Popup Widget](http://drupalgap.com/sites/default/files/popup-widget.png)](Widgets/Popup_Widget)

## Radio Button Widget

[![Radio Button Widget](http://drupalgap.com/sites/default/files/radio-button-widget.png)](Widgets/Radio_Button_Widget)

## Select List Widget

[![Select List Widget](http://drupalgap.com/sites/default/files/selectmenu-widget.png)](Widgets/Select_List_Widget)

## Slider Widget

[![Slider Widget](http://drupalgap.com/sites/default/files/slider.png)](Widgets/Slider_Widget)

## Table Widget

[Click here](Widgets/Table_Widget) to see the Table Widget docs.

## Text Widget

[![Text Widget](http://drupalgap.com/sites/default/files/textarea-widget.png)](Widgets/)

## Views Widget

Visit the [Views Render Array](Views/Displaying_a_View/Views_Render_Array) docs for complete details on utilizing DrupalGap's built in Views Widget. If you've never created a Views Widget in DrupalGap before, we recommend starting with the DrupalGap Views documentation page.