0 items ($0.00) Plans & Prices My Applications Profile Login
HOME |  ONLINE NOW |  COMMUNITY |  OUR PORTFOLIO |  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).



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. 

You must login to post messages. Click here to log in.
    1   
 This topic is closed by Vadim

© Mobiblocks 2011-2012. All Rights Reserved.