Backbase Dojo X Dojo Dijt Ext JS Flex Google Web ... - Theresa Neil

3 downloads 93 Views 372KB Size Report
Components: Autocomplete. Autocomplete; Flexbox. AutoCompleter. Rich Input: suggestionBox. Ajax.Autocompleter. Combobox:
Library/ Framework/Toolkit

Backbase

Dojo X

Auto Suggest/Auto Complete

suggestBox

AutoComplete

Dojo Dijt

Ext JS

Calendar/Scheduler Carousel/Coverflow

deck (under Layout)

Charts, Graphs, Gauges

Collapsible Panels

accordion,

Image Gallery and Sllideshow

calendar

Dialog

infoBox. modal

Google Web Toolkit

Flex Autocomplete

Lists and Menus: Suggest Box

calendar

Widgets: Date Picker

JQuery Tools

Misc: Date Picker

Widgets: Date Picker

Components: Calendar Scrollable;

Layout Managers: Accordion UI Controls: Tree; Conainers: Lists and Menus: Stack Layout; Trees Accordion Panel, Tree

Layout: Accordion Layout; Panels; Tree

Trees; TreeTables

ComboBox: Basic ComboBox; Forms: MultiSelect & ItemSelector

Data Entry Controls: ComboBox

Lists and Menus: List Box

Combobox

Widgets: Combobox

part of Forms

Data Entry Controls: DateField, Date Chooser Containers: Panel

Widgets: Date Picker

Misc: Date Picker

Widgets: Date Picker

Components: Calendar

Widgets: Datepicker

Popups

Windows: MessageBox & Progress

Popups

Layout Panels: Popup Panel Overlay;

Widgets: dialog

Dijit Dialog: basic,

Windows: Message Box

Charts Showcase

part of Dojo Base

Drag and Drop; Trees: Drag and Drop Reordering, Multiple Trees ComboBox: ComboBox Templates; Forms: Custom Search Fields

part of Flex

Drag & Drop; Tree: Tree to Tree Drag & Drop, Grid Tree Drag & Drop

Data Visualization: ElasticSearch

Components: Charts

Layout Panels: Collapsible Panel; Components: Tree; Table: Expandable Table

Tabs

Widgets: accordion

Interactions: selectable

Layout & Panels: BoxLayout, BorderLayout, BorderLayout, GridLayout, Mixed, Panels part of GWT-Mosaic Components: Drag & Drop

JQuery Plugins

MooTools Plugins

Autocomplete; Flexbox

AutoCompleter

Widgets: Datepicker: display FullCalendar; inline, icon trigger jQuery Infinite Carousel; jQuery UI Image Carousel; jCarousel Lite; jQuery Carousel; jQuery Coverflow; Just Another Carousel; mb.scrollable jqPlot; jQuery Google Charts; Google Charts

AccordionContainer,

Lightbox

Charting; Data Visualization

JQuery UI

Charts

can use query filter on data feed

Dynamic Filtering

IceFaces

Components: Autocomplete

Panels: Dock Panel

User Interaction: Drag & Drop

GWT Mosaic

DojoX Charting

Docking

Drag & Drop Manager

GWT on Ext

carousel

Combobox- Multiselect

Date Picker- Date Range

Flex

Interactions: draggable

Lists & Tables: Live Table, Rich Listbox, Listbox Filter,

jQuery Common Accordion; (mb)Extruder; jQuery UI.Layout; jQuery UI Togglebox; myAccordion; Accordion Simple Combo; Simple Chained Combobox Plugin; SexyCombo; jQuery Simple Multi-Select; jQuery UI Datepicker; datePicker; CalendarView; Dialog jQuery Plugin; jQDialog; SimpleModal; jDialogForms; jQuery UI.Layout

$.Event.Special.Drag; mb.ContainerPlus; DragNDrop; DataTables; jQuery Simple Filter; UI Table Filter; DropList Filter

JxLib for MooTools

LivePipe

MochaUI for MooTools

mooTools Events Calendar; calendar; mooGenda mooFlow; Simple 3D Carousel

milkchart; copix3 mootools table to charts; Artness MooCSS Charts mochaUI; Accordions

OpenLaszlo

Laszlo Calendar

Miscellaneous: Spotlight

part of DojoX charting

Gantt Chart

Panels; Content Area: Tree

MultipleSelect

yes

similar- resizeType

part of Dojo Base

Forms: Growing

Auto Growing Text Areas; $.elastic HotKeys

part of Flex

Components: Menu Bar

calendar; Vista-like Ajax Calendar mochaUI; Sexy Alert box;

Window: Draggable

Commands: moving

Inline Edit Box

Combobox: Autocomplete

Combobox

Combobox w/ suggesting

Autocomplete (YUI2)

Autocomplete Combobox

Rich Input: Calendar

Scal

Calendar

Calendar

Dates

Calendar (YUI2)

Databound Calendar; Calendars

Coverflow

Carousel Control (YUI2)

Charting; FusionCharts (sold Chart: Types and Skinning separately)

Chart; Gauges

Charts (YUI2)

Data and Report: Chart

Layout: Sections: Expand / Collapse, Resize Sections, Show and Hide; Effects: Animation: Tree Folders

Panelbar

PanelBar; Expander

YUI AccordionView widget

Panel

Rich Selects: List Shuttle, Pick List; Rich Input: Combo Box,

Forms: Form Controls: List Combobox, List - Select; Grids: Interaction: Multiple Select Calendars: Compact Calendar Layout: Windows; Control: Dialogs, Login Dialog

Grid: Selecting

yes

Components: Datepicker

Rich Input: Calendar

Scal

Components: Windowpanel

Rich Output: Modal Panel, Panel, Tab Panel

Prototype window

Extending: Simple Portal; Drag & Drop: Drag Tiles (move) Drag & Drop

part of MooTools

part of OpenLaszlo

Sortable Table

Drag-Drop Support

Draggables Object,

Selects

Calendar: Datepicker

Calendar

Dates

Calendar Control (YUI2)

part of Form Inputs

Window

Window

Windows

Layout Manager (YUI2)

Modal Dialog, Messagebox

Dock

Docking

part of RadControls for ASP.NET

DragAndDrop

Drag & Drop (YUI2)

Drag & Drop

Combobox; GridView

DataTable Control (YUI2)

Data Binding: Adaptive Filter, Combobox: Filtering Live Filter

Data Iteration: Data Filter Slider, Table Filtering

Accordions

List Controls

Lists & Tables

window management: window area, task bar, window

Tabs; Windows: Hello World, Containers: TabNavigator, Layout Window; Layout ViewStack Managers: Border Layout

Maps Showcase Panels: Tab Panel,

Table;

Layouts: Complex Layout; Tab Panels

Components: Google Maps Layout & Panels: TabLayoutPanel, TabBar at Bottom; Building: Button Bars, Button Stacks,

Layout Panels: Stacking Panel, Static Tabset, Dynamic Tabset;

Miscellaneous: Progress Bar UI Controls: ProgressBar

Misc: Progress Bar

Tabs;

Grids: Paging

Flex Data Access: Data Mgmt Svcs: Paging

Grids: Grid w/ Local Paging, Grid w/ Remote Paging; Combobox: Paging Combobox

Basics: Interaction: Keyboard part of RadControls for Events ASP.NET

Rich Output: ToolTip

Basics: Interaction: Hover / Tooltips; Forms: Details: Hovers Grids: Editing: Edit by Row, Edit by Cell, Modal Editing, Mass Update, Custom Editors Data Binding: Lists

Ajax.InPlaceEditor

jMover; Semantic List Scroller plugin

Data Iteration: Data List

Sortable Lists

UI.Layout; Fly Tabs

Interactions: sortable: portlets

jQuery Portlet Framework

Components: Progress Bar, Connection Status,

Lists & Tables: Paging ScrollTable2

Rich Misc: Hot Key

Rich Input: Inplace Input, Inplace Select,

Widgets: Tabs

loadBar; jProgressBar

ProgressBar Rating

yes

mochaUI; moo.rd; mooTabs; Tabs page loader

Components: Tabs

Layout: Windows

slider

part of Dojo Base and

Form Controls: Dijit slider

can use query filter on feed data for a data grid

Scoped Search

Miscellaneous: Slider

UI Controls: HSlider, VSlider

Forms: Custom Search Fields

Data Visualization: ElasticSearch

Widgets: SlideBar Combobox: Live Search

Sparklines Splitter

panelSet splitter

Tabs/Content Slider

tabBox

Table/Data Grid- Live Scroll (no paging), Hide/Show Columns, Resize, Rearrange, Inline Editing, Row Grouping (tree table)

dataGrid. listGrid, treeGrid. cellEditing

Tree- Advanced

tree (no drag and drop?)

Toolbar

toolbar

Tooltips- w/custom formatting

balloon, toolTip

Split Container

part of Dojo base DataGrid and DojoX Grid

Layout Managers: Border Layout

Containers: DividedBox, HDividedBox, VDividedBox

Panels: Horizontal Split Panel, Vertical Split Panel

Tabs; Grids: Sliding Pager, Progress Bar Pager

Containers: TabNavigator, ViewStack

Panels: Tab Panel

ProgressBar

Widgets: slider

Lists & Tables: Live Table, Rich Listbox, Listbox Filter, Actions: Actions I, Actions II

ProgressBar

Rich Output: Progress Bar

Rating

Layout: Basic Border Layout, Layout & Panels: Combined Layouts, Complex BorderLayout, Nested Layout BorderLayout, IFrames, Mixed, Forms: Form as Tab, Form Layout & Panels: with Tab; Tab Panels; TabLayoutPanel, TabBar at Bottom; Building: Button Bars, Button Stacks, Layouts: Table Layout; Grids; Lists & Tables: Listbox, Rich Forms: Form Grid Binding Listbox, SimpleTable, LiveTable, ScrollTable2; TreeTables; Listbox Binding;

Layout Panels: Split Pane Panel; Table: Resizable Columns Layout Panels: Stacking Panel, Static Tabset, Dynamic Tabset,

jQuery UI.Layout

Scrollable;

Widgets: Tabs

jQgrid; jQuery Scrolltable; Flexigrid for jQuery

Sortable Table

Content Area: Grid

mb.menu; treeTable: SimpleTree; jsTree jQuery OfficeBar; ChiliToolbar

SlidingList

Tips; Window Growl; roar notifications

Components: Tree

Lists and Menus: Menu Bar; Panels: Horizontal Panel, Vertical Panel

Toolbar & Menu

Widgets: Toolbar, MenuBar; Actions

Components: Menu Bar

Dialog: tooltip

Toolbars and Menus: Basic Toolbar, Toolbar Overflow, Toolbar Button Groups, Miscellaneous: QuickTips

Misc: Tooltips

part of GWT-Mosaic

Layout Panels: Tooltip Panel Tooltips;

mb.Tooltip; Tooltip Toolbox; clueTip

Trees; TreeTables; Listbox Binding

Components: Tree Effects: toggle

Smooth Align; Flexify; jScrollPane iButton;

Effects;

jQRTE; Lightweight RTE/ WYSIWYG plugin for jQuery; ReditorminiZoomPan; jQuery jQPanView; gZoom jQuery Simple Transition; moo.rd

Text Input: Rich Text

Components: Rich Text

Effects: zoom move

Zoom and Pan

part of Ext JS

Effects

Other Features: Animation

part of GWT-Ext

part of GWT-Mosaic

Page Layout: Splitter; Splitter Integrated

Table;

Trees; TreeTables

UI Controls: RichTextEditor

GridView: Editors; TreeView: Node Editing

Inline Editing of the TreeView Labels (YUI2)

Panels

Window: RadWindow and MDI

Upload: ProgressMonitoring

ProgressBar JS;

Horinaja; Featured Content Slider;

Components: SliderThumb

Rich Input: Input Number Slider;

Slider

Grids: Sort & Filter: Filter, Advanced Filter, Nested Filter; Forms: Validation: Regular Expression Control: Slider

Tooltip (YUI2)

TabControl

Tabsheets

Listbox YUI-based Magnifier widget (YUI2+) Loading the Yahoo Maps Ajax API via YUI Loader TabView (YUI2)

Google Map Tabboxes

ProgressBar

Drag & Drop: Portal Style Example (YUI3) ProgresBar (YUI2)

Table Layout

GridView: Populating with Data

ProgressBar Control: Ratings (YUI2) Paginator (YUI2) Paging w/ Listbox; Paging w/ Grid; Paging w/ Tree

Slider

Slider (YUI2)

Sliders

Timer

Grid: Grouping

Slider

GridView: Filtering

Tabs

Tree

Editor: Basic and Custom toolbar

yes

jQuery UI.Layout; mb.tabset; mochaUI; mooTabs; mooSlide; SlideItMoo

View Toggle

titling (animated), show and , part of Dojo Base: fade, focus and blur, wipe, slide, combining, highlight

mochaUI

Lists and Menus: Tree

Lists and Menus: List Box

Notifications

Sparklines

Trees

UI Controls: List, TileList

Grid: Insert/Update/Delete: Edit on double-click

Select Box Factory

Tree with onclick event

Part of Flex

Tooltip

Starbox; Data Iteration: Data Scroller

slider; Facebook sliders

Tables

RollingList

part of Dojo Base,

jSlider; jQuery Slider; MopSlider Search Light; Live Search

Grids: Basic Array Grid, XML Trees and Grid Controls: Grid, Grouping, Grid Filtering DataGrid, AdvancedDataGrid, OLAP DataGrid Control Trees and Grid Controls: Tree Buttons: ToggleButtonBar, ButtonBar, TabBar

KeyListener

Dock: Portal Page

Ajax Misc: Ajax Portlet

Star Rating Plugin; Rating Control UI Overview; Pagination; jQuery MTMultiSelect Pagination plugin

Table: Data Paginator

yes

Rich Misc: Virtual Earth, Google Map Rich Output: Tab Panel

part of Flex

Rule Builder

Chart

Effects: Animation: Zoom & Shrink

ReMooz

MapBox; jMapping

Portal

Portals Progress Indicator

Grid: Grouping: Grid Footers

Grow a Textarea;

in-line text edit; jQueryDatacontrol

Magnify Effect

Miscellaneous: Google Maps Mapping

Mapping

Record Locator/ Pagination

Layout: Windows: Footer

Tips; Window Growl; roar notifications

Effects: zoom

loadingMessage

Fisheye MEnu

yes

Grids: Editable Grid, Row Editor Grid

Magnify

www.DesigningWebInterfaces.com

Ajax.Autocompleter

yes

Scrollable;

Layout Panels: Tooltip Panel Tooltips;

List-Advanced

Transitions, Cinematic Effects

Rich Input: suggestionBox

Chart: Types and Skinning Text Input: Basic Text

add/remove class can expose actions onHover

cell editing

WYSIWYG/Rich Text Editor

ZK

yes

Accessibility: Key Feed Viewer

Inline Edit

Vertical Browser

YUI 2 and YUI 3

Components: Tabslider; Tree Rich Trees; Rich Output: Accordion 2.0, Collapsible Panel Bar, Panel Menu, Effects with Script.aculo.us Simple Toggle Panel, Toggle Panel

SelectMultiple

Toolbar & Menu

Hover Detail

Slider

Vaadin

Charting; Data Visualization

Hot Keys

Rating

Telerik RadTools for SilverLight

MooTools Fisheye Dock Menu UI Controls: ButtonBar

Floating Footer

Multiple Document Interface (MDI)

Telerik ASP.Net

Ajax Support: Ajax Form

Fisheye/Spotlight

Hover Actions

Scriptaculous plus Prototype SmartClient

Carousel (via Prototype UI)

Feedback

Growing Text Field

RichFaces

Components: Effects

part of jQuery Tools

mochaUI

yes

Tabs

Toolbar; Menus: Menu Bar

yes

mooSwitch; iPhone Buttons: Button Sets Checkboxes Using mootools mooEditable

Resize Utility (YUI2)

Splitters

Layout: Tabs

TabStrip

TabControl

Tabsheets

TabView (YUI2)

Tabboxes

Components: Grid, GridColumn, GridText

Data Iteration: Column, Columns, Column Group, Data Grid, Data Table, Scrollable Data Table, Table Sorting Rich Trees

Grids; Data Binding: Lists: Datasource fields

Grid

GridView

Table (Grid)

DataTable (YUI2)

Grid: Sorting and Menu

Trees: Appearance

TreeView

TreeView

Trees

TreeView (YUI2)

Tree

Rich Output: Tool Bar

Control: Toolstrips;

ToolBar

ToolBar

Basics: Interaction: Hover / Tooltips; Forms: Details: Hovers Grids; Trees

Tooltip

Rich Output: ToolTip

TextArea

Layouts: Split Panel

Rich Output: Tab Panel

Window: HoverBox

yes

Docking: Split Containers

Components: Tabs

yes

Tabs

Layout: Nesting, User Sizing Splitter

CoolTips;

Components: List, ListItem, TextListItem

Common: Tooltips;

Container: Simple Tooltip Example (YUI2)

ListBox

Control: Buttons: Radio / Toolbar: Item Types Toggle Behavior Basics: HTML: Editing HTML Editor

Rich Input: Editor

Toolbar and Toolbar button

Tooltips and Popup

Listbox ToolBar Editor

Buttons: Radio Buttons (YUI2) Texts: Label, Rich Text; Text Rich Text Editor (YUI2) Inputs: Rich Text Area

WYSIWYG Editor

Chart: Zooming and Scrolling yes

Rich Misc: Effects

Core Effects; Effects.*

Effects: Animation

part of RadControls for ASP.NET

part of RadControls for Silverlight

part of Vaadin

Animation (YUI2/YUI3)

Ajax Push and Animation: Animations