Mobile Age - Generic Front-Ends

About the Mobile-Age Generic Front-Ends

The generic front-end components are delivered as a framework independent from other 3rd-party libraries and frameworks like Jquery, Bootstrap or even Ionic. So you are free to combine it with any of these.

Getting started

To use the components, simply add following imports to the head-section of your HTML5-app:

<link rel="stylesheet" href="http://mobileage.ftb-esv.de/frontend/assets/css/mobileage.min.css"> <script src="http://mobileage.ftb-esv.de/frontend/assets/js/mobileage.min.js"></script>

Then you can use the components as described on the particular components descriptions.

If you would like to display e.g. a map, your page code should look like this and will work from scratch:

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <link rel="stylesheet" href="http://mobileage.ftb-esv.de/frontend/assets/css/mobileage.min.css"> <script src="http://mobileage.ftb-esv.de/frontend/assets/js/mobileage.min.js"></script> </head> <body> <div id="map"> <div id="map_div"></div> </div> <script type="text/javascript"> var options = { centerLat: 53.06184, centerLng: 8.96767, zoom: 17 }; var map = new MobileAge.Component.Map("map_div", options); </script> </body> </html>