1.2 How to edit an Application Android & iOS

After you chose a template to create an app, a new project will be displayed in the list of your Applications on CreaTusApps.net.

Editing an app comprises uploading content, implementing required functionalities by including respective type pages, adjusting appearance of app.
 

How to edit an Application Android & iOS, step-by-step tutorial

 
To start editing your app click on your App's Dashboard.

 

crear1

 


 

 
From App Dashboard you can access the following sections:

 

crea2

 


 

 
Edit Application's Pages section
In this section you can view (in the web simulator) and manage (add/remove/duplicate/rename) the pages of your app. Also, the Resource Manager can be accessed from here.

 

crear3

 

 
To add a new page click on the "+" button.
In CreaTusApps's you may find a page type for your application by categories (Page Type categories, Platforms).
 

 

crear4

 

 
You may use the search engine to find the page you are looking by entering its name.
 

 

crear5

 

 
To edit a new added page click on Edit.
Each page type has its specific controls and fields to customize page elements.
Please verify the tutorials for every particular page type.
Generally, pages can be customized in Layout, Design mode and HTML mode.

 

crear6

 

 
In Design mode, HTML based pages can be edited using the tools of the WYSIWYG editor. In HTML mode it is possible to edit directly the HTML/CSS, JavaScript or jQuery code.
 
The functions of each tool are described in the FAQ page
 

 

 
Resource Manager
Using the Resource Manager you can upload all the graphics, media files, pages, etc that will be used in your app.  More information about the Resource Manager find in the following tutorial.
 

 

crea6

 

 

 

 
Design Properties section
From here it is possible to set the default background image or color, text/link color, etc.
Style classes that affect the appearance of page elements throughout the app are stored in the style.css file.
 

 

crear7

 

 
To edit style.css click on the link.
When a new page is added its style classes are included in style.css.
It is possible to create new classes and edit the existent ones.
 

 

crear8

 

 

 

 
Navigation Settings 
You may select the type of Tabs (No Tabs, Standard Tabs, Custom Tabs, Wheel) and edit each style in Navigation Settings. You may change the tab name, icon, background or text color.
 

 

crear9

 

 

 

Edit Localizable Strings

It is possible to have the text words and keys in your app displayed in any language. Simply, input your translation.

For that go to App Settings – > Localization to start editing localizable strings. Note, all the changes should be done manually.

To input your translation for an iOS application you have to insert words instead from the right side.

 

crear11
For Android you will have to select a string and change the "Value". Changing the value, will change the text you want to display in the app.
 
crear10

To start editing your app, go to my apps.

 

Avatar of Javier

Javier has written 1 article

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>