.. _dijit/index:

Dijit
=====

.. contents::
   :depth: 2

Dijit is Dojo's UI Library, and lives as a separate namespace ``dijit``. Dijit requires Dojo Core. Each of the widgets and functionality provided by Dijit is describe in the following sections, though the aforementioned :ref:`quickstart <quickstart/index>` guides cover some basics.

* :ref:`About Dijit <dijit/info>`


=======
Widgets
=======

* :ref:`dijit._Templated <dijit/_Templated>`
* :ref:`dijit._Widget <dijit/_Widget>`

  * :ref:`a11y  <dijit-a11y>`

    * :ref:`a11y Strategy <dijit-a11y-strategy>`
    * :ref:`a11y Resources <dijit-a11y-resources>`
    * :ref:`Creating Accessible Widgets <quickstart/writingWidgets/a11y>`
    * :ref:`Testing for Accessibility <quickstart/writingWidgets/a11yTesting>`
    * :ref:`a11y Requirements <dijit-a11y-req>`
    * :ref:`a11y Statement <dijit-a11y-statement>`

* :ref:`dijit._Calendar <dijit/_Calendar>`
* :ref:`dijit.ColorPalette <dijit/ColorPalette>`
* :ref:`dijit.Declaration <dijit/Declaration>`
* :ref:`dijit.Dialog <dijit/Dialog>`
* :ref:`dijit.Editor <dijit/Editor>`
* :ref:`dijit.InlineEditBox <dijit/InlineEditBox>`
* :ref:`dijit.Menu <dijit/Menu>`
* :ref:`dijit.MenuBar <dijit/MenuBar>`
* :ref:`dijit.ProgressBar <dijit/ProgressBar>`
* :ref:`dijit.TitlePane <dijit/TitlePane>`
* :ref:`dijit.Toolbar <dijit/Toolbar>`
* :ref:`dijit.Tooltip <dijit/Tooltip>`
* :ref:`dijit.TooltipDialog <dijit/TooltipDialog>`
* :ref:`dijit.Tree <dijit/Tree>`

  * :ref:`Model <dijit/tree/Model>`
  * :ref:`TreeStoreModel <dijit/tree/TreeStoreModel>`
  * :ref:`ForestStoreModel <dijit/tree/ForestStoreModel>`


=============
Form handling
=============

* :ref:`dijit.form <dijit/form>`

  * text boxes

    * :ref:`dijit.form.CurrencyTextBox <dijit/form/CurrencyTextBox>`

      A specialized input widget for monetary values, much like the currency type in spreadsheet programs

    * :ref:`dijit.form.DateTextBox <dijit/form/DateTextBox>`

      An easy-to-use date entry control which allows either typing or choosing a date from any calendar widget

    * :ref:`dijit.form.NumberSpinner <dijit/form/NumberSpinner>`

      A input widget which restricts input to numeric input and offers down and up arrow buttons to "spin" the number up and down

    * :ref:`dijit.form.NumberTextBox <dijit/form/NumberTextBox>`

      A input widget which restricts input to numeric input

    * :ref:`dijit.form.SimpleTextarea <dijit/form/SimpleTextarea>`

      A simple wrapper of <textarea>; equivalent functionality

    * :ref:`dijit.form.Textarea <dijit/form/Textarea>`

      An auto expanding/contracting <textarea>

    * :ref:`dijit.form.TextBox <dijit/form/TextBox>`

      A basic <input type="text">-style form control

    * :ref:`dijit.form.TimeTextBox <dijit/form/TimeTextBox>`

      A time input control which allows either typing or choosing a time from any time-picker widget

    * :ref:`dijit.form.ValidationTextBox <dijit/form/ValidationTextBox>`

  * select type widgets

    * :ref:`dijit.form.ComboBox <dijit/form/ComboBox>`

      A "auto complete", which allows the user to type any value and just gives suggested completions

    * :ref:`dijit.form.MultiSelect <dijit/form/MultiSelect>`

      The MultiSelect widget allows the selection of multiple items

    * :ref:`dijit.form.FilteringSelect <dijit/form/FilteringSelect>`

      Similar to a <select> but with type-ahead filtering of the drop down list

  * buttons

    * :ref:`dijit.form.Button <dijit/form/Button>`

      A representation of a normal <button> or <input type="submit/reset/button" />

    * :ref:`dijit.form.ComboButton <dijit/form/ComboButton>`

      A button with an arrow to show a drop down (often a menu)

    * :ref:`dijit.form.DropDownButton <dijit/form/DropDownButton>`

      A button which displays a menu or some other popup when you press it

    * :ref:`dijit.form.ToggleButton <dijit/form/ToggleButton>`

      A cross between a Button and a Checkbox widget

  * other controls

    * :ref:`dijit.form.CheckBox <dijit/form/CheckBox>`

      Nearly the same as an HTML checkbox, but with fancy styling

    * :ref:`dijit.form.Form <dijit/form/Form>`

      Corresponds to a <form> itself; wraps other widgets

    * :ref:`dijit.form.RadioButton <dijit/form/RadioButton>`

      To select one choice from a list

    * :ref:`dijit.form.Slider <dijit/form/Slider>`

      A scale with a handle you can drag up/down or left/right to select a value


======
Layout
======

* :ref:`dijit.layout <dijit/layout>`

  * :ref:`dijit.layout._LayoutWidget <dijit/layout/_LayoutWidget>`
  * :ref:`dijit.layout.AccordionContainer <dijit/layout/AccordionContainer>`
  * :ref:`dijit.layout.BorderContainer <dijit/layout/BorderContainer>`
  * :ref:`dijit.layout.ContentPane <dijit/layout/ContentPane>`
  * :ref:`dijit.layout.StackContainer <dijit/layout/StackContainer>`
  * :ref:`dijit.layout.TabContainer <dijit/layout/TabContainer>`