Search icon CANCEL
Subscription
0
Cart icon
Your Cart (0 item)
Close icon
You have no products in your basket yet
Save more on your purchases! discount-offer-chevron-icon
Savings automatically calculated. No voucher code required.
Arrow left icon
All Products
Best Sellers
New Releases
Books
Videos
Audiobooks
Learning Hub
Newsletter Hub
Free Learning
Arrow right icon
timer SALE ENDS IN
0 Days
:
00 Hours
:
00 Minutes
:
00 Seconds
Arrow up icon
GO TO TOP
PhoneGap 4 Mobile Application Development Cookbook

You're reading from   PhoneGap 4 Mobile Application Development Cookbook Build real-world hybrid mobile applications using the robust PhoneGap development platform

Arrow left icon
Product type Paperback
Published in Oct 2015
Publisher
ISBN-13 9781783287949
Length 356 pages
Edition 1st Edition
Arrow right icon
Author (1):
Arrow left icon
Zainul Setyo Pamungkas Zainul Setyo Pamungkas
Author Profile Icon Zainul Setyo Pamungkas
Zainul Setyo Pamungkas
Arrow right icon
View More author details
Toc

Table of Contents (19) Chapters Close

PhoneGap 4 Mobile Application Development Cookbook
Credits
About the Authors
About the Reviewer
www.PacktPub.com
Preface
1. Welcome to PhoneGap 3 FREE CHAPTER 2. Movement and Location – Using the Accelerometer and Geolocation Sensors 3. Filesystems, Storage, and Local Databases 4. Working with Audio, Images, and Video 5. Working with Your Contacts List 6. Hooking into Native Events 7. Working with XUI 8. Working with the Ionic Framework 9. Ionic Framework Development 10. User Interface Development 11. Extending PhoneGap with Plugins 12. Development Tools and Testing Index

Creating a custom submenu


Your application may include an option for users to update or change settings, or perhaps the ability to truly exit the application gracefully by closing down all services and storing state or data.

How to do it...

In this recipe, we will create a simple application that interacts with the device's native menu button to create a sliding submenu:

  1. Firstly, create a new PhoneGap project named submenu by running the following command:

    phonegap create submenu com.myapp.submenu submenu
    
  2. Add a devices platform. You can choose to use Android as follows:

    cordova platform add android
    
  3. Open www/index.html and let's clean up unnecessary elements. We'll also manipulate the DOM elements, so include a reference to the xui.js file within the head tag. We will include an onLoad method call within the body tag, which will set the deviceready event listener once the DOM is fully loaded:

    <!DOCTYPE html>
    <html>
        <head>
            <meta charset="utf-8" />
            &lt...
lock icon The rest of the chapter is locked
Register for a free Packt account to unlock a world of extra content!
A free Packt account unlocks extra newsletters, articles, discounted offers, and much more. Start advancing your knowledge today.
Unlock this book and the full library FREE for 7 days
Get unlimited access to 7000+ expert-authored eBooks and videos courses covering every tech area you can think of
Renews at £13.99/month. Cancel anytime
Visually different images