Book Image

PhoneGap 3.x Mobile Application Development HOTSHOT

By : Kerri Shotts
Book Image

PhoneGap 3.x Mobile Application Development HOTSHOT

By: Kerri Shotts

Overview of this book

<p>PhoneGap allows you to use your existing knowledge of HTML, CSS, and JavaScript to create useful and exciting mobile applications.<br /><br />This book will present you with 12 exciting projects that will introduce you to the dynamic world of app development in PhoneGap. Starting with their design and following through to their completion, you will develop real-world mobile applications. Each app uses a combination of core PhoneGap technologies, plugins, and various frameworks covering the necessary concepts you can use to create many more great apps for mobile devices.</p>
Table of Contents (21 chapters)
PhoneGap 3.x Mobile Application Development HOTSHOT
Credits
About the Author
About the Reviewers
www.PacktPub.com
Preface
Index

Modifying the text note edit view


We've dispatched most of the typical sections in this project—there's not really any user interface to design, nor are there any changes to the actual note models. All we need to do is modify the HTML template a little to include a share button and add the code to use the plugin.

Getting on with it

First, let's alter the template in www/html/textNoteEditView.html. I've highlighted the changes:

<html>
  <body>
    <div class="ui-navigation-bar">
      <div class="ui-title"contenteditable="true">%NOTE_NAME%</div>
      <div class="ui-bar-button-group ui-align-left">
        <div class="ui-bar-button ui-tint-color ui-back-button">%BACK%</div>
      </div>
      <div class="ui-bar-button-group ui-align-right">
        <div class="ui-bar-button ui-destructive-color">%DELETE_NOTE%</div>
      </div>
    </div>
    <div class="ui-scroll-container ui-avoid-navigation-bar ui-avoid...