The editing page is needed for adding or editing a selected note. The editing page is defined with a div block with the id="editor" and class="ui-page" attributes. The only difference is that the action triggered after pressing the button adds an item to the items array and adds the item to the top of the visible list. On the editing page, the header and footer are similar to the main page.In addition, the value of the data-role attribute in mobile applications differs from the class attribute value in the wearable applications. In mobile applications, pages are constructed using the data-role attribute, while the wearable applications use the class attribute.
#Create notepad mobile app from javascript full
The following example shows the full code for the main page in a mobile application: The above examples apply to a wearable application. The button is placed in the footer, and it is created from an a element, Add a navigation button to the application to change to the editor page.When a note on the main page is clicked, the application triggers the changepage event to the editor page and shows the item. The item in the list is represented as a li element. Set the data-scroll="y" and data-handler="true" attributes. Add to this a ul element, which creates the list of notes. Add content for the main page by adding a div element with.Add the title header ( Notes) for the page:.The main page is the first page, defined with the div block with the ui-page class and main id.Create the pages: the main page for displaying the notes and the editing page for adding and editing notes.The following example shows how the section header looks after editing: Edit the section header for the index.html file.īecause the application runs on mobile or wearable devices, make sure that you have the correct tau.css styles for the corresponding profile:Īdd also your own styles for the application:.The IDE creates the application with a default file structure. Enter the application name as Notes and click Finish.Generate an application from the Tizen SDK.Ĭreate a simple basic application that can be used for further development:įile > New > Tizen Web Project > WEARABLE-2.4 > Wearable UI > Basic Application.
![create notepad mobile app from javascript create notepad mobile app from javascript](https://1.bp.blogspot.com/-MNOiP4U5uwM/WfwtQYWJtdI/AAAAAAAABeM/T7LIBB9WANY4TOSu4flXKhADyNGwR6xxgCPcBGAYYCw/s1600/how%2Bto%2Bcreate%2Bsimple%2Bnotepad%2B%28%2Bnotepoint%29%2Bandroid%2Bapp.png)
To create a simple notepad application using the TAU library: After you click a note, it is displayed in the edit page for editing. The notes on the main page can be scrolled and edited, and a button is provided for adding a new note. The notepad application shows all the notes in the main page, and allows the user to add new notes, edit existing notes, and delete notes by swiping them.