frequent / bartender Goto Github PK
View Code? Open in Web Editor NEWjQuery Mobile CSS iOS style tab bar
jQuery Mobile CSS iOS style tab bar
Hi,
What do I need to do to make this use icons from the glyphish library? A tutorial or walkthrough for this library would be really useful.
Great tabbar by the way!
Cheers
Chris
There is a problem with the new version of JQM in the left navbar
http://jsfiddle.net/w5A9H/
Thanks
I know that this seems to be an issue with the current jQM 1.0b3 build - all looks fine on desktop Chrome, on desktop safari, but jumps on iOS Safari.
Any idea how to fix this?
Thanks.
Please document how to create the icon cut-outs for use with the backgrounds. I have not been able to find any tutorials or documents on how to do this in Gimp, Photoshop, etc.
It seems like the gradient background of the navigation bar is slightly thinner than the bar itself, when using jquery mobile 1.1.0. If you hover the last tab, you'll see that the right of the hover visual goes outside of the bar. Hope this was clear.
Thank you for a great plugin!
First, a really cool extension! I like it very much and I will use it in my project!
On your demo webpage and on my iPhone webapp I have a tab bar with five items. The problem its, that on the right-hand side, there are a few pixels free space.
I checked the CSS and I see this line:
.ui-grid-d .ui-block-a, .ui-grid-d .ui-block-b, .ui-grid-d .ui-block-c, .ui-grid-d .ui-block-d, .ui-grid-d .ui-block-e { width: 19.9%; }
Why isn't there 20.0%? With 20 it works and the whole width of the screen is used.
Also you have some lines twice in your CSS:
/* fix for JQM issue 2270, IE navbar breaking (will hopefully be worked into JQM /
/ grid a: 50/50 /
.ui-grid-a .ui-block-a, .ui-grid-a .ui-block-b { width: 49.9%; }
.ui-grid-a .ui-block-a { clear: left; }
/ grid d: 20/20/20/20/20 */
.ui-grid-d .ui-block-a, .ui-grid-d .ui-block-b, .ui-grid-d .ui-block-c, .ui-grid-d .ui-block-d, .ui-grid-d .ui-block-e { width: 19.9%; }
.ui-grid-d .ui-block-a { clear: left; }
Best Regards.
i dont want to use data-position="fixed" , and when i take the data-position="fixed" off , i cant see the hover image on the footer
why is that , thanks
would be cool if you could replace sprites with icon font (e.g awesome icon font), which should also solve retina/non-retina issues and allow coloring icons according to a jqm color scheme
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.