Comments (4)
Could you provide some additional detail please @Slimicus? A code sample or demo URL would be ideal.
from jquery-mobile-icon-pack.
Sure thing, when I alter the original\index.html sample to this:
<a href="index.html" data-role="button" data-icon="arrow-l" class="ui-icon-alt">
data-icon="arrow-l"
</a>
(notice the addition of class="ui-icon-alt")
This happens:
from jquery-mobile-icon-pack.
jQuery Mobile icons work on the concept of sprite sheets. That means all of the icons are contained within a single image, for faster loading. Since they're all in one image they're meant to be used within a single space around 20x20, with overflow set to hidden. This prevents them from doing exactly what's happening to you.
This image is a good illustration of how sprite sheets are meant to work. The image contains all of the icons, but only one is being used at a time, contained within the black box.
So, long and short of it, you can't just apply that class to the anchor tag like you can with some of the other jQuery Mobile styles.
from jquery-mobile-icon-pack.
Ok, I just followed the example on the jqm site, I wasn't aware of any other way to use ui-alt-icon with an anchor tag in jqm?
http://jquerymobile.com/demos/1.3.0/docs/widgets/icons/#Blackvs.whiteiconsets
Their example shows just adding the class to the "<a"
from jquery-mobile-icon-pack.
Related Issues (20)
- font awesome icons not working on IOS7 applications HOT 5
- Icon Pack for jquery mobile 1.4 doesnt work in Internet Explorer HOT 31
- Bars icon name differs from jquery mobile HOT 2
- Icons slightly displaced on Chrome v32 (JQM 1.4) HOT 1
- Icons displayed in the wrong color when using the builder HOT 1
- Icons do not work with 1.4.2 HOT 7
- many icons are offset, not centered HOT 3
- Icons are off center HOT 3
- Icon Pack Builder generated CSS/SVG doesn't work in IE HOT 1
- Icons not centered HOT 3
- Builder should build both white and black icons HOT 1
- Builder does not work if many icons are selected
- Selecting colors for primary and alternative icons HOT 1
- Error in Builder Tool
- Wrong Color in Icons Produced by the Builder Tool
- Icons are clipped
- sign in and sign out are labeled as opposite icons
- Icons not loading with JQuery mobile 1.3.2 HOT 1
- Icons not working
- JQM version ?
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
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.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from jquery-mobile-icon-pack.