<style type="text/css">.centre{ margin:0 auto; text-align:center; } .left{ text-align:left; } table#matrix{ /*border:1px solid #000; -moz-box-shadow: 3px 3px 5px 6px #ccc; -webkit-box-shadow: 3px 3px 5px 6px #ccc; box-shadow: 3px 3px 5px 6px #ccc;*/ border-collapse:collapse; margin:0 auto; } table#matrix tr td{ padding:15px 15px 0 15px; border-bottom:1px solid #005480; } table#matrix tr:nth-child(odd) td{ padding:0 15px 15px 15px; } table#matrix tr:nth-child(even) td{ border:none; vertical-align:bottom; } table#matrix tr td div{ margin:0 auto; } table#matrix .headingRow td{ min-width:70px; font-weight:bold; } table#matrix tr td p{ font-size:xx-small; text-align:center; margin:0; padding:2px 0 0 0; /* bit of padding to separate dot from text */ } .circle { width: 15px; height: 15px; -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px; -moz-box-shadow: 0px 0px 15px 1px #ccc; -webkit-box-shadow: 0px 0px 15px 1px #ccc; box-shadow: 0px 0px 15x 1px #ccc; } .green{ background-image: -moz-radial-gradient(45px 45px 45deg, circle cover, green 0%, green 100%, green 95%); background-image: -webkit-radial-gradient(45px 45px, circle cover, green, green); background-image: radial-gradient(45px 45px 45deg, circle cover, green 0%, green 100%, green 95%); background-color:green; } .orange{ background-image: -moz-radial-gradient(45px 45px 45deg, circle cover, yellow 0%, orange 100%, red 95%); background-image: -webkit-radial-gradient(45px 45px, circle cover, yellow, orange); background-image: radial-gradient(45px 45px 45deg, circle cover, yellow 0%, orange 100%, red 95%); background-color:orange; } .red{ background-image: -moz-radial-gradient(45px 45px 45deg, circle cover, orange 0%, red 100%, red 95%); background-image: -webkit-radial-gradient(45px 45px, circle cover, orange, red); background-image: radial-gradient(45px 45px 45deg, circle cover, orange 0%, red 100%, red 95%); background-color:red; }</style>
# Device Compatibility
There are 3 ways you might access the Blink Mobility Platform: using a Mobile App, Mobile Browser or Desktop Browser. See below for compatibility information for each method.
Legend:
<div class="circle green">
Green - Full Support
</div>
<div class="circle orange">
Orange - Partial Support
</div>
<div class="circle red">
Red - No Support
</div>
|
# Mobile App Compatibility
|
| Top Features | IOS Native App | Android Native App |
| HTML5 / CSS3 |
| jQuery Mobile |
| Offline Data Storage |
| Forms |
| Location Services |
| Signature Capture |
| Camera Access |
| Image Library / File Upload |
| Image Annotation |
IOS 7+
|
| Barcode Scanning |
|
# Mobile Browser Compatibility
|
| Top Features | Safari | Chrome | Android Browser | Blackberry Browser | Windows Phone 8 Browser | Opera |
| HTML5 / CSS3 |
| jQuery Mobile |
| Offline Data Storage |
| Forms |
| Location Services |
| Signature Capture |
| Camera Access |
If supported by device
|
If supported by device
|
If supported by device
|
Partial support
|
If supported by device
|
If supported by device
|
| Image Library / File Upload |
| Image Annotation |
| Barcode Scanning |
|
# Desktop Browser Compatibility
|
| Top Features | Safari | Chrome | Firefox | Opera | IE10,11 | IE9 | IE8 | IE7 |
| HTML5 / CSS3 |
|
As supported by each browser.
Refer to [http://html5test.com/](http://html5test.com/)
|
As supported by browser
|
As supported by browser
|
As supported by browser
|
| jQuery Mobile |
| Offline Data Storage |
BICv2
|
| Forms |
| Location Services |
| Signature Capture |
| Camera Access |
| Image Library / File Upload |
| Image Annotation |
| Barcode Scanning |