Skip to content

Instantly share code, notes, and snippets.

@feedhenry-gists
Created June 15, 2011 08:59
Show Gist options
  • Save feedhenry-gists/1026740 to your computer and use it in GitHub Desktop.
Save feedhenry-gists/1026740 to your computer and use it in GitHub Desktop.
HTML and iScroll Tabbed UI Template Config
var config = {
prefs: {
// Title of app appears in header
title: 'Template App',
// Max of 5 tabs here
// Each tab needs a name, which is the text shown on the Tab,
// and an icon, shown above the text. This icon is located in img/tabs/
tabs: [{
name: 'Tab 1',
icon: 'movies.png'
}, {
name: 'Tab 2',
icon: 'graph.png',
// Set the view to be 'Tab2View' i.e. the 'fh_app.v.Tab2View' view (defined in /js/view/Tab2View.js)
// will be used for this tab when it's shown.
// If the view isn't set or can't be found, the default behaviour is to just show the tab and no callback is executed.
// This is fine for static content. For dynamic content in tabs, a view must exist.
view: 'Tab2View'
}, {
name: 'Tab 3',
icon: 'rating.png',
view: 'Tab3View'
}],
// default tab to show on App startup
default_tab: 1
}
};
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment