0 items ($0.00) Plans & Prices My Applications Profile Login
HOME PAGE | ONLINE NOW | COMMUNITY |  CONTACT US | LOGIN 

SeattleClouds FORUM > 2. Help & Tutorials
Customizing number of tabs in your SC app    

It is possible to change the befault 4 tabs interface of your SC app

by editing app.xml file of your app, to a minimum 2 tabs and maximum 5 tabs
interface. (Note: supported on iPhone, Android platforms)

To add the 5th tab:
1. On Edit Pages 
create a new page with the name "tab5.html"
This will add necessary <page id="" /> tag to app.xml.

<page id="tab5.html" type="html" transition="" slidepageid="" slidetransition="slide" hasreviews="no" hassend="no" hasfields="no" topad="no" bottomad="no" topadtype="none" bottomadtype="none" dynamicdata="false" jsonurl="" hasreviewhtmlkey="no" />

2. In the app.xml file
add the following tag
1<template tabsnumber="5" />
where "5" (or 2,3,4,5) is the number of tabs to be displayed in your app.

3. In the app.xml file
add <prop id="" >...</props> tags to specify text and icon for tab5.

<prop id="tab5text" title="Tab5 Text">5th tab</prop>

<prop id="tab5icon" title="Tab5 Icon">95-equalizer.png</prop>
On Design Properties page
it will be possible to edit tab text and select preferred icon.  

Preview the new interface of your app via Seattle Clouds previewer app 
(Note: the web simulator displays the 4 tabs interface only).
---

To remove tabs:
In the app.xml file edit the tag
<template tabsnumber="2" />
where "2" (or 3) is the number of tabs to be displayed in your app.

Preview the new interface of your app via Seattle Clouds previewer app
or
(Note: The web simulator displays the 4 tabs interface only).

where is " In the app.xml file" ?!?


Ok, thanks a lot.


Hi Vadim,

How I can to do it. I do not know html language ?

I try diferents ways but impossible to succes

Where i do insert different tags, in tab5 app.xml page ?

I insert all tags in the same app.xml file ?

Sorry but i´m a total ignorant in this lenguage.

Thanks


Whoaaaa This is major for SC. Thank you.


David,
you only edit app.xml file.
1. If you want five tabs to be displayed in the tab bar of your app, create a tab5.html page. This will generate the <page id="tab5.html"... tag and relevant data in the app.xml file.
2. In the <template> tag specify parameter tabs number
<template tabsnumber="5" />
3. In app.xml add <prop id> parameters for 5th tab's text and icon
<prop id="tab5text" title="Tab5 Text">5th tab</prop>
<prop id="tab5icon" title="Tab5 Icon">95-equalizer.png</prop>
Test with SeattleClouds previewer app. 


Can i edit app.xml file on a free account?

I don't see that on mine account.

Thanks

Juan
Do you get an answer ?!


Same problem here. I have a free account and it does not show the edit app .xml file link as shown in your video. If this is a limitation of the free account, it will have a real impact on your WSO.


WHERE IS the app.xml file FOUND??


Found it!!

Is is located in the Application Settings, at the bottom, underneath the Localizations Tab. 

:))
Thanks so much! I thought I was the only one who couldn't find it. :-)


Sorry have gone thru this a number of times - <.xml> looks perfect even when I check it  - I even deleted refer to 3rd tab and 4th tab... and 95..ping  in both hit appy save - still nothing - plus where is the refresh button - thank you for your help!! I'm seein just the two boxes with the X in them but they won't go away. Thank you!!


Hi Vadim .. I'm just looking to have 2 tabs only on the business template.
               could you please advise of the easiest way to do this ?

               Thanks,
               Andre


Hi Andre,

Now on iOS systems is not necessary to edit the xml code in order to add or delete tabs. In order to add/delete tabs please go to My Applications  > App_name Dashboard > App Settings - Settings - General. Here you can set the number of tabs you want to have. 

Victor Larii,
SeattleClouds Customer Support Team
Will this new way work for Android as well?


Just finished creating page01, click edit so I can delete existing text to paste cashmere text into page, but its not allowing me to delete text.  Any suggestions


Kenneth,

Please open a support ticket or contact us regarding this matter and we will check on your issue.

best regards.


    1   
You must login to post messages. Click here to log in.
 This topic is assigned to Victor

© Mobiblocks 2011-2013. All Rights Reserved.