Collapse All Expand All

Wijmo includes a number of widgets that you can use in your web UI. Click each of the following widgets for an overview and the markup to create each one.  You can connect data with your widgets using the included Data module.

Some of these widgets, marked with an asterisk, are adaptive, which means that you can use them in jQuery Mobile apps. Wijmo also offers two Mobile Widgets.

Name	Description
Accordion*	Create a menu UI with a series of content panes that display information one pane at a time.
BarChart*	Create a customized bar chart to compare the values of items across categories.
BubbleChart*	Use instead of a scatter chart if your data has three independent values.
Calendar*	Show a single month or a table of months with customizable styles and navigation elements.
Carousel	Display a list of images in an image slider with previous and next buttons.
CheckBox	Decorate a standard HTML checkbox element.
ComboBox	Display a resizable and editable text box or drop-down list.
CompositeChart*	Analyze complex data on a single chart surface with dashboards.
DatePager	Use a specific time interval view like week or month in this horizontal UI control to allow users to quickly select a date.
Dialog	Add maximizing, minimizing, content toggling, and pinning features to jquery.ui.dialog.
DropDown	Decorate a standard HTML drop-down element.
Editor	Author and manage HTML content on your web page in an intuitive, Microsoft Word-like editor that allows you to edit in your preferred style: design, source code, or split view.
EventsCalendar*	Add, edit, and manage appointments in a fully functional schedule with an offline data source.
Expander*	Show or hide embedded or external content within an expanding panel using various animation effects.
Gallery	Display images in a customizable slideshow collection and animate transitions between images, display previous and next thumbnail images, add captions, and more.
Grid*	Interactively select, edit, sort, scroll through, filter, and group data to better understand and visualize it more effectively.
Input Widgets	Create date, number, and masked inputs to collect various types of information from your users.
LightBox	Overlay images on the current page, give focus to an image, autoplay through images, play flash videos, show animated transitions, and more.
LinearGauge*	Display data in a horizontal or vertical gauge with customizable tick marks, ranges, face, and pointer.
LineChart*	Create customized linear charts with each series shown as connected points of data.
List*	Allow users to select one or more items from a customizable list.
Menu	Create multi-level menus with animation effects, images and check box items, interactive item scrolling, and even create a pop-up menu for context help within your application.
Pager*	Scan through elements or pages using numeric pages or next and previous buttons.
PieChart*	Show customized pie charts to display simple values.
PopUp	Display or hide elements at specified positions on the screen, and add animations for the show and hide actions.
ProgressBar	Let end users see the progress of an operation in an indicator with customized animations, styles, labels, and more.
RadialGauge*	Create dials and speedometers with customized start and sweep angles, tick marks, ranges, and pointers.
Radio	Decorate standard HTML radio button elements.
Rating*	Create a star rating widget, or use bars, thumbs-up or -down, or create custom icons for the user to click.
Ribbon	Create a toolbar UI with a full ribbon or a simple ribbon to save screen real estate.
ScatterChart*	Show two value axes, with one set of numerical data along the x-axis and another along the y-axis, and combine these values into single data points and display them in uneven intervals, or clusters.
Slider	Provide a simple, sliding selector that allows end-users to choose a single value or a range of values in a predefined range at run time.
Splitter	Design a professional and polished website with this container widget that can be nested indefinitely and features a movable and collapsible bar that divides an area into two resizable panels.
SpreadJS	Add rich spreadsheet functionality and grid capabilities to your browser applications with data binding, formulas, multiple sheets, and cross-sheet referencing.
SuperPanel	Add custom scrolling, resizing, rounded corners, and drop shadows to any panel on your page with this alternative to the HTML scroll bar for overflow elements.
Tabs*	Break content into multiple sections that can be swapped to save screen real estate with scrollable tabs, sortable tabs, and even allow users to add tabs dynamically.
TextBox	Decorate standard HTML Textbox elements, Input objects of type 'text' or 'password,' and Textarea objects.
Tooltip*	Show a popup tooltip or an overlay that provides information about a target element in a callout or small box. Embed any HTML, images, and text to create a fully customized tooltip.
Tree*	Present items in a hierarchical tree structure with expand and collapse animations, stylish themes, and drag-and-drop functionality.
Upload	Support batch or single uploads and add an API for displaying upload progress.
Video	Turn an HTML5 video tag into a fully functional video player utilizing jQuery UI theming.
Wizard*	Display sections of content on separate, navigable pages.

* Widgets marked with an asterisk are Adaptive Widgets that you can use in jQuery Mobile apps.

See Also

Reference

Data

 
Support Options