View on GitHub

gwt-traction

Useful GWT widgets and utilities contributed by Traction Software, Inc.

Download this project as a .zip file Download this project as a tar.gz file

While building our new GWT-based Proteus skin for TeamPage, we created some widgets and utilities that we thought other developers would find useful. Most of these are pretty simple, but we hope they save you some time. As we factor out code that can be shared with others, we'll add more to this project.

Download | Javadoc

All of the widgets are written with minimal dependencies and can be used independently of each other.

AutoSizingTextArea

An auto-sizing text area that grows when content is added. It supports styling the textarea with css and minimum and maximum heights.

Demo | Source

Viewport

Provides browser window focus/blur events. We use this to accumulate an unread message count when the browser window is not focused.

Demo | Source

GroupedListBox

A grouped listbox that uses optgroup tags to group options in a list. Added in gwt-traction 1.3. Substantial performance improvements in 1.4.

Demo | Source

SingleListBox

A subclass of ListBox for a single select that implements HasValue<String> (which includes HasValueChangeHandlers<String>).

Demo | Source

TractionDialogBox

A subclass of DialogBox that adds a Close Icon and positions it using css. It also implements HasOpenHandlers.

Demo | Source

UTCDateBox

A Composite that wraps a GWT DateBox and implements HasValue<Long> where the value is always the time at midnight in UTC on the date picked. We have users around the world choosing dates and needed the DateBox to work consistently in all time zones.

Demo | Source | More Info

UTCTimeBox

A Composite that wraps a GWT TextBox and implements HasValue<Long> where the value is always the time in milliseconds since midnight independent of timezone. It supports multiple time formats and shows a dropdown menu with suggested times.

Demo | Source | More Info

UTCDateTimeRangeController

A controller that takes a start date/time and an end date/time and enforces range constraints and provides some nice usability features. This works great for scheduling appointments or events.

Demo | Source | More Info

ColorAnimation

A simple animation that can be used for color or backgroundColor and supports opacity animation.

Demo | Source

OpacityAnimation

A simple animation for opacity.

Demo | Source