inteligr8/alfresco-ng2-components
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-ng2-components.git synced 2025-07-24 17:32:15 +00:00
Code Issues Packages Projects Releases Wiki Activity
Files
ccc477619c66638a6b468e71f761d9692cadd09d
alfresco-ng2-components/BROWSER-SUPPORT.md
Mario Romano bc87a036f5 #878 fix login component documentation and demo
2016-11-09 10:56:34 +00:00

2.8 KiB
Raw Blame History

Browser Support

Browser support and polyfills guide.

Browser compatibility and support depends on targeted browsers and 3rd party libraries. ADF framework is based on the following libraries and components:

  • Angular 2 (all ADF components)
  • Material Design Lite (all ADF components)
  • Moment.js (many ADF components)
  • PDF.js (ng2-alfresco-viewer component)
  • Raphael.js (ng2-alfresco-diagrams, ng2-alfresco-analytics)
  • Chart.js (ng2-alfresco-analytics)
  • Material Design - Date and Time Picker (ng2-activiti-form, ng2-alfresco-analytics)

Browser polyfills

Angular 2

Please refer to the official guide for Angular 2 browser support.

ADF (demo shell) imports by default the following set of recommended polyfills:

3rd party libraries

Please refer to the following list of popular polyfills for HTML5 cross-browser compatibility.

ADF (demo shell) imports by default the following set of recommended polyfills:

  • intl, Polyfill the ECMA-402 Intl API (except collation), IE/Safari
  • dom4, A fully tested and covered polyfill for new DOM Level 4 entries, IE
  • element.scrollintoviewifneeded-polyfill, simple JavaScript implementation of the non-standard WebKit method scrollIntoViewIfNeeded that can be called on DOM elements, IE/Firefox/Safari, required only to support Material Design - Date and Time Picker component
  • pdfjs compatibility, Portable Document Format (PDF) library that is built with HTML5, IE
  • (dialog-polyfill)[https://www.npmjs.com/package/dialog-polyfill], Polyfill for the dialog element, IE/Safari/Firefox

Example


<!-- Polyfill(s) for Safari (pre-10.x) -->
<script src="node_modules/intl/dist/Intl.min.js"></script>
<script src="node_modules/intl/locale-data/jsonp/en.js"></script>

<!-- Polyfill(s) for older browsers -->
<script src="node_modules/core-js/client/shim.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/dom4/1.8.3/dom4.js"></script>
<script src="node_modules/element.scrollintoviewifneeded-polyfill/index.js"></script>

<!-- Polyfill(s) for pdf support -->
<script src="node_modules/pdfjs-dist/web/compatibility.js"></script>

<!-- Polyfill(s) for dialogs -->
<script src="node_modules/dialog-polyfill/dialog-polyfill.js"></script>
<link rel="stylesheet" type="text/css" href="node_modules/dialog-polyfill/dialog-polyfill.css" />

For a complete code please refer to demo shell example.