Wijmo UI for the Web
Mobile Widgets
Wijmo includes two widgets that were created especially for use in jQuery Mobile apps. 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.
| Name | Description |
|---|---|
| AppView | Use in jQuery Mobile apps as a container UI with a menu to the left, and a content page to the right. |
| ListView | Extends the jQuery Mobile ListView. Watch for new features in coming releases. |
Adaptive Widgets
These are regular widgets that you can also use in jQuery Mobile apps.
| 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. |
| CompositeChart | Analyze complex data on a single chart surface with dashboards. |
| 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. |
| Grid | Interactively select, edit, sort, scroll through, filter, and group data to better understand and visualize it more effectively. |
| 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. |
| Pager | Scan through elements or pages using numeric pages or next and previous buttons. |
| PieChart | Show customized pie charts to display simple values. |
| RadialGauge | Create dials and speedometers with customized start and sweep angles, tick marks, ranges, and pointers. |
| Rating | Create a star rating widget, or use bars, thumbs-up or -down, or create custom icons for the user to click. |
| 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. |
| 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. |
| 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. |
| Wizard | Display sections of content on separate, navigable pages. |