How to edit your app    
This topic is assigned to Vadim

Mar 06, 2012 08:36 AM
                                          How to edit an Application

After you chose a template to create an app, a new project will be displayed in the list of your Applications on SeattleCloud.com.
Editing an app comprises uploading content, implementing required functionalities by including respective type pages, adjusting appearance of app.

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



 From Ap 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 SeattleCloud's Marketplace you may find a page type for your application by categories (Page Type categories, Platforms, Authors)




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




In case you haven't found a feature for your application you may create it by yourself. For that click on the upper-left corner "Create your own page type". You will be able to create HTML page or Native page.



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 help page 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.


0
I did what you said in android, but it didn't change!

    1