Code Monkey home page Code Monkey logo

imobicloud.com.imobicloud.tabbedbar's Introduction

Tabbed Bar

====

Tabbed bar for iOS and Android

xml

<Widget id="tabbedbar" class="tabbedbar" src="com.imobicloud.tabbedbar" onClick="tabbedbarClick"/>

tss

".tabbedbar": { width: Ti.UI.SIZE, height: 29, layout: 'horizontal', 
	backgroundColor: '#fff', borderColor: '#e52d5b', borderRadius: 4, borderWidth: 1, 
	index: 0, 
	labels: [{ title: 'Current Location' }, { title: 'Anywhere' }],
	Tab: { width: 118, backgroundColor: '#e52d5b' },
	Tab0: {},
	Tab1: {},
	TabOn: { backgroundColor: '#e52d5b' },
	TabOff: { backgroundColor: 'transparent' },
	TabTitle: { font: { fontSize: 12.66, fontFamily: 'Poppins-Regular' } },
	TabTitleOn: { color: '#fff' },
	TabTitleOff: { color: '#e52d5b' },
}

js

$.tabbedbar.load({
    index: 0,
    labels: [
        { title: 'Browse' }, // { enabled: true, image: '', title: '', width: 100 }
        { title: 'Applied' },
        { title: 'Upcoming' }
    ]
});

$.tabbedbar.getIndex();
$.tabbedbar.setIndex(1);

$.tabbedbar.unload();

function tabbedbarClick(e) {
	e.index,
	e.label
}

Change log:

  • 16/06/2016
    • Use local styles, we don't have to put the styles in app.tss anymore
    • Change styles syntax
    • Remove Alloy parameter ($) in $.tabbedbar.load($, {});
    • Remove useCustom + useDivider parameters

imobicloud.com.imobicloud.tabbedbar's People

Watchers

James Cloos avatar Brenton House avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.