Skip to content

Instantly share code, notes, and snippets.

@mrmccormack
Created May 1, 2018 20:05
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save mrmccormack/a9d43995fe2c7cc0d3ebf179f83a7ecb to your computer and use it in GitHub Desktop.
Save mrmccormack/a9d43995fe2c7cc0d3ebf179f83a7ecb to your computer and use it in GitHub Desktop.
Tabrisjs folder tab example for T.
/*
TabFolder, Tab and WebView
@version:2.4
Snippet url:
- http://
References:
- https://tabrisjs.com/documentation/latest/api/TabFolder.html
*/
const {Button, Tab, TextInput, TabFolder, TextView, ImageView, ui} = require('tabris');
let tabFolder = new TabFolder({
left: 0, top: 0, right: 0, bottom: 0,
paging: true // enables swiping. To still be able to open the developer console in iOS, swipe from the bottom right.
}).appendTo(ui.contentView);
let tabHome = new Tab({
title: 'Tab 1', // converted to upper-case on Android
//image: {src: image, scale: 2},
//selectedImage: {src: 'http://weknowyourdreams.com/images/dice/dice-14.jpg', scale: 2}
}).appendTo(tabFolder);
let txt1 = new TextView({
centerX: 0, centerY: 0,
text: 'Content of Tab 1 '
}).appendTo(tabHome);
new ImageView({
centerX:0, top: 'prev() 10', width: 100, height: 100,
image: 'https://previews.123rf.com/images/prolific/prolific1311/prolific131100010/23902374-sailing-yacht-logo.jpg',
background: '#aaaaaa',
scaleMode: 'fit'
}).appendTo(tabHome);
let tabWeb = new Tab({
title: 'Tab 2', // converted to upper-case on Android
//image: {src: image, scale: 2},
selectedImage: {src: 'http://weknowyourdreams.com/images/dice/dice-14.jpg', scale: 2}
}).appendTo(tabFolder);
let txt2 = new TextView({
centerX: 0, top:0,
text: 'Content of Tab 2 '
}).appendTo(tabWeb);
new ImageView({
centerX:0, top: 'prev() 10', width: 100, height: 100,
image: 'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSLhE5fecIX_k4DZL6KWcSkDZ55BQckW-U-XzOb5LoaMPmtcbeGxw',
background: '#aaaaaa',
scaleMode: 'fit'
}).appendTo(tabWeb);
let tabTaylar = new Tab({
title: 'Tab 2', // converted to upper-case on Android
//image: {src: image, scale: 2},
selectedImage: {src: 'http://weknowyourdreams.com/images/dice/dice-14.jpg', scale: 2}
}).appendTo(tabFolder);
let txt3 = new TextView({
centerX: 0, top:0,
text: 'Hey this is tab 3 Taylar '
}).appendTo(tabTaylar);
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment