Add a tab bar inside a view using steroids.js (Appgyver)

Hi, after trying some frameworks for building iOS/android apps my last choice is steroids.js from Appgyver, is a lovely candy!!

The default configuration only lets you to have a "tab bar" in the main view but in my case I was needed to have the "tab bar" inside of every view.

My solution (probably with some errors) is based on the plugin Organic tabs of CSS tricks.

The idea is having all the HTML in the same file split it in different divs and with some jQuery making the tabs active when they are pressed.

As I am using the topcoat-light.css, the HTML is based on it and you have to do some changes on the css file.

You must have two different images.

Take a look on my github for the code

Enjoy!!!

comments powered by Disqus