#format rst

ToscaWidgets Cookbook

Here you will find information about how to do common tasks involving ToscaWidgets.

Javascript Library Specific Widgets

ExtJS

TreeView

Learn how to use the ext widget library to create a dynamically loading TreeView.

(ExtTreeView Tutorial)

http://docs.turbogears.org/2.0/RoughDocs/ToscaWidgets/Cookbook/ExtItemSelector?action=AttachFile&do=get&target=itemselector1.png

ItemSelector

How to use the ext ItemSelector which allows multiple selection by shuttling items between source and destination lists. It supports full drag and drop and ordering of items.

(ItemSelector Tutorial)

http://docs.turbogears.org/2.0/RoughDocs/ToscaWidgets/Cookbook/ExtSingleSelectCombo?action=AttachFile&do=get&target=singleselectcombo-small.png

SingleSelectCombo

Create a ComboBox using Ext which also does autocompletion.

(SingleSelectCombo Tutorial)

jQuery

example AutoComplete Field

AutoComplete Field

Create a field which automatically completes the user entry as they type. Based on tw.jquery AutoComplete widget.

(AutoComplete Tutorial)

http://docs.turbogears.org/2.0/RoughDocs/ToscaWidgets/Cookbook/FlexiGrid?action=AttachFile&do=get&target=flexigrid.png

FlexiGrid

How to create an Ajax Data Grid with support for pagination, sorting, searching and column resizing. This widget is based on the jQuery FlexiGrid Plugin.

(FlexiGrid Tutorial)

Ajax Form

How to use AjaxForm to create a dynamic form.

(jQueryAjaxForm Tutorial)

Flot

How to create dynamic graphs using the powerful Flot library.

TODO: Write XXX

http://docs.turbogears.org/2.0/RoughDocs/ToscaWidgets/Cookbook/TreeView?action=AttachFile&do=get&target=treeview.png

Tree View

How to create a simple tree view of an unordered list where the branches can be expanded or collapsed to present a good view of a document tree structure. This widget is based on the jQuery Treeview Plugin.

(TreeView Tutorial)

Ajax Graphs

How to add an ajax graph to your system using tw.jquery and flot.

TODO: Write XXX

http://docs.turbogears.org/2.0/RoughDocs/ToscaWidgets/Using?action=AttachFile&do=get&target=stars.png

Ajax Star Rating

How to a simple star rating widget to your application.

TODO: Write XXX

Prototype

Ajax Form

How to use AjaxForm to create a dynamic form.

(ActiveForm Tutorial)

Dojo

Need some basic widgets here.

JSUnit

example JSUnit Widget

JSUnit and Runner Widget

Create a widget for in-browser testing of javascript code using the JSUnit Javascript Unit Testing Framework.

(JSUnit Tutorial)

To Be Done

Ajax Progress Bar

How to create a progress bar with server-side progress indicator

TODO: Write XXX

Ajax File Upload with Progress Bar

How to create a file upload with a progress bar.

TODO: Write XXX

tw.forms

Basic Form usage (no ajax)

http://docs.turbogears.org/2.0/RoughDocs/ToscaWidgets/Cookbook/PasswordValidation?action=AttachFile&do=get&target=passwordverify.png

Password Validation

How to create a simple registration form with that makes sure the user typed the correct password

(Password Validation Tutorial)

http://docs.turbogears.org/2.0/RoughDocs/ToscaWidgets/Cookbook/ReCaptcha?action=AttachFile&do=get&target=recaptcha_field.jpg

ReCaptcha

A Description on how to add a tw.recaptcha field to your public forms an keep spammers at bay.

(Recaptcha Tutorial)

Database-driven Select Fields

How to create a select field which changes based on the entry in a database table.

(Dynamic Select Field Tutorial)

Other Valuable Widgets (no JS library)

Css based

Tabber

How to easily add Tabbed Browsing to your website.

TODO: Write XXX

OpenLayers

OpenLayers Map

How to create a web map using OpenLayers Javascript Toolkit..

(OpenLayersMap Tutorial)