How do I convert my web application to a mobile application?

[ChrisSergent]

I have a web application that I created using the editor widget, but the editor widget interface is too small so I need to create a mobile app. Is there an easy way to convert a web app into a mobile app such as this one: Create a Map

[KellyHutchins · Accepted solution]

Do you want to create a native app for iPhone or Android? If so you can look into tools like Phone Gap that let you create native apps based on your web app.

If you want to stick with a browser based app it looks like you just need to re-think the app layout. You are currently using the Editor widget do you need the full capability?  If so maybe you can put the editor in a collapsible container of some sort. Here's an example of the ArcGIS Online Editor template that puts the editor widget in a side panel. http://www.arcgis.com/apps/Editor/index.html?webmap=25977874c66c4c0a8dcc181506c6fb45

This template is configurable and allows you to add the editor toolbar if needed. All the source for the template is available on github: Esri/edit-template · GitHub 

[ChrisSergent]

I don't want to create a native app. From the feedback I have received I need to create an app using responsive web design. The editor widget fields and the toolbar button are too small. I have also been asked to keep the map separate the data entry like in the Mobile template tutorial: Mobile Template | Guide | ArcGIS API for JavaScript

The interface would function like the following:

1. For edits, the user would click on the icon and the page would slide to an editing form where text boxes would be full size like the Graffiti example you gave me.
2. For additions, I could touch an icon and then touch the map and then it would slide to the editing form.

Here is a visual compilation of what I would like to do:

[ChrisSergent]

After doing research on responsive web design; re-thinking my app layout is exactly what I need to do. Thank Kelly Hutchins​.