Appboard/2.4/mobile/widget support: Difference between revisions

imported>Jason.nicholls
(Created page with '{{DISPLAYTITLE:Mobile Widget Support}} AppBoard Mobile enables end-users to view dashboard content on their mobile devices. However, certain types of Widgets provide displays th…')
 
imported>Jason.nicholls
 
(24 intermediate revisions by 2 users not shown)
Line 1: Line 1:
{{DISPLAYTITLE:Mobile Widget Support}}
{{DISPLAYTITLE:Mobile Widget Support}}
AppBoard Mobile enables end-users to view dashboard content on their mobile devices.  However, certain types of Widgets provide displays that are too complex for consumption on a mobile device.  This page details the extent of mobility support for each major type of Widget.
[[Category:AppBoard 2.4]]
 
 
For full details on implementing AppBoard Mobile, see [[AppBoard_Mobile|AppBoard Mobile]].
 
 
== Widget Mobility Support List ==
 
The following list details the extent of mobility support for each type of AppBoard Widget:
The following list details the extent of mobility support for each type of AppBoard Widget:




=== Charts ===
=== Charts ===
{|class="wikitable"
{|class="wikitable"
! scope="col" width="420" | Widget
! scope="col" width="420" | Widget
Line 18: Line 10:
! scope="col" width="90" | Android
! scope="col" width="90" | Android
|-
|-
![[Area_Chart_Widget|Area Chart]]
|[[appboard/2.4/builder/widgets/area_chart|Area Chart]]
! [[image:checkmark_32x.png]]
| align='center' | [[image:Checkmark_32x.png]]
! [[image:checkmark_32x.png]]
| align='center' | [[image:Checkmark_32x.png]]
|-
|-
![[Bar_Chart_Widget|Bar Chart]]
|[[appboard/2.4/builder/widgets/bar_chart|Bar Chart]]
! [[image:checkmark_32x.png]]
| align='center' | [[image:Checkmark_32x.png]]
! [[image:checkmark_32x.png]]
| align='center' | [[image:Checkmark_32x.png]]
|-
|-
![[Bubble_Chart_Widget|Bubble Chart]]
|[[appboard/2.4/builder/widgets/bubble_chart|Bubble Chart]]
! [[image:checkmark_32x.png]]
| align='center' | [[image:Checkmark_32x.png]]
! [[image:checkmark_32x.png]]
| align='center' | [[image:Checkmark_32x.png]]
|-
|-
![[Bullet_Chart_Widget|Bullet Chart]]
|[[appboard/2.4/builder/widgets/bullet_chart|Bullet Chart]]
! [[image:checkmark_32x.png]]
| align='center' | [[image:Checkmark_32x.png]]
! [[image:checkmark_32x.png]]
| align='center' | [[image:Checkmark_32x.png]]
|-
|-
![[Column_Chart_Widget|Column Chart]]
|[[appboard/2.4/builder/widgets/column_chart|Column Chart]]
! [[image:checkmark_32x.png]]
| align='center' | [[image:Checkmark_32x.png]]
! [[image:checkmark_32x.png]]
| align='center' | [[image:Checkmark_32x.png]]
|-
|-
![[HLOC_Chart_Widget|Hi-Lo Open-Close Chart]]
|[[appboard/2.4/builder/widgets/hloc_chart|Hi-Lo Open-Close Chart]]
! [[image:checkmark_32x.png]]
| align='center' | [[image:Checkmark_32x.png]]
! [[image:checkmark_32x.png]]
| align='center' | [[image:Checkmark_32x.png]]
|-
|-
![[Line_Chart_Widget|Line Chart]]
|[[appboard/2.4/builder/widgets/line_chart|Line Chart]]
! [[image:checkmark_32x.png]]
| align='center' | [[image:Checkmark_32x.png]]
! [[image:checkmark_32x.png]]
| align='center' | [[image:Checkmark_32x.png]]
|-
|-
![[Pie_Chart_Widget|Pie Chart]]
|[[appboard/2.4/builder/widgets/pie_chart|Pie Chart]]
! [[image:checkmark_32x.png]]
| align='center' | [[image:Checkmark_32x.png]]
! [[image:checkmark_32x.png]]
| align='center' | [[image:Checkmark_32x.png]]
|-
|-
![[Scatter_Chart_Widget|Scatter Chart]]
|[[appboard/2.4/builder/widgets/scatter_chart|Scatter Chart]]
! [[image:checkmark_32x.png]]
| align='center' | [[image:Checkmark_32x.png]]
! [[image:checkmark_32x.png]]
| align='center' | [[image:Checkmark_32x.png]]
|-
|-
|}
|}


=== Communications ===
=== Communications ===
{|cellpadding="3" width="540" class="wikitable" border="1" style="background-color:#eeeeee; text-align:left;"
{|class="wikitable"
 
! scope="col" width="420" | Widget
! scope="col" width="420" | Widget
! scope="col" width="90" | iOS  
! scope="col" width="90" | iOS  
! scope="col" width="90" | Android
! scope="col" width="90" | Android
|-
|-
![[Marquee_Widget|Marquee]]
|[[appboard/2.4/builder/widgets/scrolling_text|Scrolling Text]]
! [[image:x_32x.png]]
| align='center' | [[image:X_32x.png]]
! [[image:x_32x.png]]
| align='center' | [[image:X_32x.png]]
|-
|-
|}
|}


=== Diagrams ===
=== Diagrams ===
{|cellpadding="3" width="540" class="wikitable" border="1" style="background-color:#eeeeee; text-align:left;"
{|class="wikitable"
 
! scope="col" width="420" | Widget
! scope="col" width="420" | Widget
! scope="col" width="90" | iOS  
! scope="col" width="90" | iOS  
! scope="col" width="90" | Android
! scope="col" width="90" | Android
|-
|-
![[Diagrammer_Widget|Diagrammer]]
|[[appboard/2.4/builder/widgets/diagrammer|Diagrammer]]
! [[image:x_32x.png]]
| align='center' | [[image:X_32x.png]]
! [[image:x_32x.png]]
| align='center' | [[image:X_32x.png]]
|-
|-
![[Timeline_Widget|Timeline]]
|[[appboard/2.4/builder/widgets/timeline|Timeline]]
! [[image:x_32x.png]]
| align='center' | [[image:X_32x.png]]
! [[image:x_32x.png]]
| align='center' | [[image:X_32x.png]]
|-
|-
![[Topology_Widget|Topology]]
|[[appboard/2.4/builder/widgets/topology|Topology]]
! [[image:x_32x.png]]
| align='center' | [[image:X_32x.png]]
! [[image:x_32x.png]]
| align='center' | [[image:X_32x.png]]
|-
|-
|}
|}


=== Gauges ===
=== Gauges ===
{|cellpadding="3" width="540" class="wikitable" border="1" style="background-color:#eeeeee; text-align:left;"
{|class="wikitable"
 
! scope="col" width="420" | Widget
! scope="col" width="420" | Widget
! scope="col" width="90" | iOS  
! scope="col" width="90" | iOS  
! scope="col" width="90" | Android
! scope="col" width="90" | Android
|-
|-
![[Circular_Gauge_Widget|Circular Gauge Widget]]
|[[appboard/2.4/builder/widgets/circular_gauge|Circular Gauge Widget]]
! [[image:x_32x.png]]
| align='center' | [[image:X_32x.png]]
! [[image:checkmark_32x.png]]
| align='center' | [[image:Checkmark_32x.png]]
|-
|-
|}
|}


=== Lists & Tables ===
=== Lists & Tables ===
{|cellpadding="3" width="540" class="wikitable" border="1" style="background-color:#eeeeee; text-align:left;"
{|class="wikitable"
 
! scope="col" width="420" | Widget
! scope="col" width="420" | Widget
! scope="col" width="90" | iOS  
! scope="col" width="90" | iOS  
! scope="col" width="90" | Android
! scope="col" width="90" | Android
|-
|-
![[Advanced_Status_List_Widget | Advanced Status List]]
|[[appboard/2.4/builder/widgets/table|Table]]
! [[image:checkmark_32x.png]]
| align='center' | [[image:X_32x.png]]
! [[image:checkmark_32x.png]]
| align='center' | [[image:X_32x.png]]
|-
! Advanced Table
! [[image:x_32x.png]]
! [[image:x_32x.png]]
|-
|-
![[Basic_Table_Widget|Basic Table]]
|[[appboard/2.4/builder/widgets/advanced_status_list| Advanced Status List]]
! [[image:x_32x.png]]
| align='center' | [[image:Checkmark_32x.png]]
! [[image:x_32x.png]]
| align='center' | [[image:Checkmark_32x.png]]
|-
|-
![[Icon_List_Widget|Icon List]]
|[[appboard/2.4/builder/widgets/icon_list|Icon List]]
! [[image:checkmark_32x.png]]
| align='center' | [[image:Checkmark_32x.png]]
! [[image:checkmark_32x.png]]
| align='center' | [[image:Checkmark_32x.png]]
|-
|-
![[Status_List_Widget|Status List]]
|[[appboard/2.4/builder/widgets/status_list|Status List]]
! [[image:checkmark_32x.png]]
| align='center' | [[image:Checkmark_32x.png]]
! [[image:checkmark_32x.png]]
| align='center' | [[image:Checkmark_32x.png]]
|-
|-
|}
|}


=== Maps ===
=== Maps ===
{|cellpadding="3" width="540" class="wikitable" border="1" style="background-color:#eeeeee; text-align:left;"
{|class="wikitable"
 
! scope="col" width="420" | Widget
! scope="col" width="420" | Widget
! scope="col" width="90" | iOS  
! scope="col" width="90" | iOS  
! scope="col" width="90" | Android
! scope="col" width="90" | Android
|-
|-
![[Google_Map_Widget|Google Map]]
|[[appboard/2.4/builder/widgets/google_map|Google Map]]
! [[image:x_32x.png]]
| align='center' | [[image:X_32x.png]]
! [[image:checkmark_32x.png]]
| align='center' | [[image:X_32x.png]]
|-
|-
![[Tile_Map_Widget|Tile Map]]
|[[appboard/2.4/builder/widgets/tile_map|Tile Map]]
! [[image:x_32x.png]]
| align='center' | [[image:X_32x.png]]
! [[image:x_32x.png]]
| align='center' | [[image:X_32x.png]]
|-
|-
![[Tree_Map_Widget|Tree Map]]
|[[appboard/2.4/builder/widgets/tree_map|Tree Map]]
! [[image:x_32x.png]]
| align='center' | [[image:X_32x.png]]
! [[image:x_32x.png]]
| align='center' | [[image:Checkmark_32x.png]]
|-
|-
![[Vector_Heat_Map_Widget|Vector Heat Map]]
|[[appboard/2.4/builder/widgets/vector_heat_map|Vector Heat Map]]
! [[image:x_32x.png]]
| align='center' | [[image:X_32x.png]]
! [[image:checkmark_32x.png]]
| align='center' | [[image:Checkmark_32x.png]]
|-
|-
![[Vector_Map_Widget|Vector Map]]
|[[appboard/2.4/builder/widgets/vector_map|Vector Map]]
! [[image:x_32x.png]]
| align='center' | [[image:X_32x.png]]
! [[image:x_32x.png]]
| align='center' | [[image:Checkmark_32x.png]]
|-
|-
|}
|}


=== System ===
=== System ===
{|cellpadding="3" width="540" class="wikitable" border="1" style="background-color:#eeeeee; text-align:left;"
{|class="wikitable"
 
! scope="col" width="420" | Widget
! scope="col" width="420" | Widget
! scope="col" width="90" | iOS  
! scope="col" width="90" | iOS  
! scope="col" width="90" | Android
! scope="col" width="90" | Android
|-
|-
![[Clone_Widget|Clone]]
|[[appboard/2.4/builder/widgets/complex_filter|Complex Filter]]
! [[image:x_32x.png]]
| align='center' | [[image:X_32x.png]]
! [[image:x_32x.png]]
| align='center' | [[image:X_32x.png]]
|-
![[Complex_Filter_Widget|Complex Filter]]
! [[image:x_32x.png]]
! [[image:x_32x.png]]
|-
|-
![[Log_Viewer_Widget|Log Viewer]]
|[[appboard/2.4/builder/widgets/log_viewer|Log Viewer]]
! [[image:x_32x.png]]
| align='center' | [[image:X_32x.png]]
! [[image:x_32x.png]]
| align='center' | [[image:X_32x.png]]
|-
|-
![[Quick_Action_Widget|Quick Action]]
|[[appboard/2.4/builder/widgets/quick_action|Quick Action]]
! [[image:x_32x.png]]
| align='center' | [[image:X_32x.png]]
! [[image:x_32x.png]]
| align='center' | [[image:X_32x.png]]
|-
|-
|}
|}


=== Web ===
=== Web ===
{|cellpadding="3" width="540" class="wikitable" border="1" style="background-color:#eeeeee; text-align:left;"
{|class="wikitable"
 
! scope="col" width="420" | Widget
! scope="col" width="420" | Widget
! scope="col" width="90" | iOS  
! scope="col" width="90" | iOS  
! scope="col" width="90" | Android
! scope="col" width="90" | Android
|-
|-
![[Web_Widget|Web Page]]
|[[appboard/2.4/builder/widgets/html_widget|HTML Widgets]] (via HTML Widget API)
! [[image:checkmark_32x.png]]
| align='center' | [[image:X_32x.png]]
! [[image:checkmark_32x.png]]
| align='center' | [[image:X_32x.png]]
|-
|[[appboard/2.4/builder/widgets/web_page|Web Page]]
| align='center' | [[image:Checkmark_32x.png]]
| align='center' | [[image:Checkmark_32x.png]]
|-
|-
|}
|}

Latest revision as of 08:58, 10 April 2014

The following list details the extent of mobility support for each type of AppBoard Widget:


Charts

Widget iOS Android
Area Chart Checkmark 32x.png Checkmark 32x.png
Bar Chart Checkmark 32x.png Checkmark 32x.png
Bubble Chart Checkmark 32x.png Checkmark 32x.png
Bullet Chart Checkmark 32x.png Checkmark 32x.png
Column Chart Checkmark 32x.png Checkmark 32x.png
Hi-Lo Open-Close Chart Checkmark 32x.png Checkmark 32x.png
Line Chart Checkmark 32x.png Checkmark 32x.png
Pie Chart Checkmark 32x.png Checkmark 32x.png
Scatter Chart Checkmark 32x.png Checkmark 32x.png

Communications

Widget iOS Android
Scrolling Text X 32x.png X 32x.png

Diagrams

Widget iOS Android
Diagrammer X 32x.png X 32x.png
Timeline X 32x.png X 32x.png
Topology X 32x.png X 32x.png

Gauges

Widget iOS Android
Circular Gauge Widget X 32x.png Checkmark 32x.png

Lists & Tables

Widget iOS Android
Table X 32x.png X 32x.png
Advanced Status List Checkmark 32x.png Checkmark 32x.png
Icon List Checkmark 32x.png Checkmark 32x.png
Status List Checkmark 32x.png Checkmark 32x.png

Maps

Widget iOS Android
Google Map X 32x.png X 32x.png
Tile Map X 32x.png X 32x.png
Tree Map X 32x.png Checkmark 32x.png
Vector Heat Map X 32x.png Checkmark 32x.png
Vector Map X 32x.png Checkmark 32x.png

System

Widget iOS Android
Complex Filter X 32x.png X 32x.png
Log Viewer X 32x.png X 32x.png
Quick Action X 32x.png X 32x.png

Web

Widget iOS Android
HTML Widgets (via HTML Widget API) X 32x.png X 32x.png
Web Page Checkmark 32x.png Checkmark 32x.png