Skip to content

Terry-cn/PhonegapOnlineBuild

Repository files navigation

Getting Started to Onsen UI Sliding Menu

This template is using Onsen UI, a HTML5 framework that is focusing on the speed and ease of use. For details, please check out Onsen UI Website and its documents.

For non-AngularJS Users

Here are the resources that might help you:

For AngularJS Users

You need to edit index.html to have more tighter integration with AngularJS. More precisely, you need to add ng-app definition and call angular.module() to add onsen module to your app.

Here is the code snippet that you can copy & paste for quicker setup.

<!DOCTYPE HTML>
<html ng-app="myApp">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1, maximum-scale=1, user-scalable=no">
    <script src="components/loader.js"></script>
    <link rel="stylesheet" href="components/loader.css">
    <link rel="stylesheet" href="css/style.css">
    <script>
        angular.module('myApp', ['onsen']);
    </script>
</head>
<body>
    <ons-sliding-menu var="app.slidingMenu" menu-page="menu.html" main-page="page1.html" side="left" type="overlay" max-slide-distance="200px">
    </ons-sliding-menu>
</body>
</html>

About

No description, website, or topics provided.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages