O'Reilly logo

PhoneGap 3.x Mobile Application Development HOTSHOT by Kerri Shotts

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Implementing our path edit view

Because our app is so similar to the previous projects, we won't cover every view in this section. If you want to look at the code for these views, please refer to the code supplied for this book.

All that said, here's the model for each view:

Implementing our path edit view

Getting on with it

The primary view is the path edit view that contains the interactive map and the recording controls. As usual, let's build the template for our path edit view in www/html/pathEditView.html (interesting portions are highlighted):

<html> <body> <div class="ui-navigation-bar"> <div class="ui-title" contenteditable="true">%PATH_NAME%</div> <div class="ui-bar-button-group ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required