Comments (7)
@stevevance do you have an example of this? To work properly the icon-pack CSS file needs to be included after the jquery mobile CSS file. Is this the case?
from jquery-mobile-icon-pack.
I looked at all of the pages in my website and they all include FA CSS after jQueryMobile CSS.
I never found a fix, but I worked my way around it by just creating new custom icons in jQueryMobile for the few that I needed. Since this happened two months ago, I don't fully remember the circumstances. I'm going to close this now and if it comes up again, I'll be back.
from jquery-mobile-icon-pack.
Great. Apologies again about the delay in responding to this.
from jquery-mobile-icon-pack.
I am also interested in completely replacing JQM icons with the icon font icons, so that it works in on retina and not retina displays. I also want to avoid downloading extra image file.
@commadelimited is it possible to do that?
@stevevance can you share the definitions you added to FA css?
from jquery-mobile-icon-pack.
@urbien...
To completely replace the original icons, you'd have to edit the framework's CSS file to remove the PNG request. Be cautious about this because some of the icons used by jQuery Mobile can't be replaced in the standard way...the search icon for example.
from jquery-mobile-icon-pack.
@urbien I added new icon definitions to my websites custom stylesheet. It looks like this:
.ui-icon-myapp-locateme {
background: url("../mapicons/locateme_18x18.png") no-repeat rgba(0, 0, 0, 0.4) !important;
background-size: 18px 18px;
}
And the same icon for retina:
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
.ui-icon-myapp-locateme {
background: url("../mapicons/locateme_36x36.png") no-repeat rgba(0, 0, 0, 0.4) !important;
background-size: 18px 18px;
}
from jquery-mobile-icon-pack.
@commadelimited, @stevevance thank you for your replies, I will open an issue on jqm's github and see what they say.
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.