The image note edit view presents an additional difficulty: we can't put the Share button in a toolbar. This is because doing so will cause positioning difficulties with TEXTAREA
and the toolbar when the soft keyboard is visible. Instead, we'll put it in the lower-right corner of the image. This is done by using the same technique we used to outline the camera button.
Let's edit the template in www/html/imageNoteEditView.html
; again, 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...