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.





From App Dashboard you can access the following sections:





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.




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).




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




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.




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.






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.




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.






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.






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.


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.

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>