Comments (9)
Hi, hamx0r,
Did you ever find a workaround for this? I'm having the same trouble.
Additional datapoint: this only happens if I'm using a theme created using the JQM ThemeRoller, not if I'm using the stock JQM theme. It looks like you're using a custom theme too.
from jquery-mobile-icon-pack.
Screenshots below:
Using standard theme:
http://games.contraterrene.com/screenshots/standard_theme.png
The home icon appears normal using the standard theme.
Using ThemeRoller theme:
http://games.contraterrene.com/screenshots/custom_theme.png
The home icon is squished to the top, and the wrench icon also appears. There are only two icons squeezed in on this screenshot, but some of the icons cause three to be displayed (just as shown on hamx0r's screenshot).
from jquery-mobile-icon-pack.
Hi There,
The workaround was to use the icon pack's name for the icon instead of the
JQM native name. so insead of (im going based on memory here) icon-plus
youd use icon-fa-plus (for the Font Awesome pack). the proble seems to
come from mixing names from different packs. all of the native icons
appear to be in the FA pack under a different name.
hope that helps!
jason
On Tue, Dec 18, 2012 at 4:23 AM, Tony Hursh [email protected]:
Screenshots below:
Using standard theme:
http://games.contraterrene.com/screenshots/standard_theme.png
The home icon appears normal using the standard theme.
Using ThemeRoller theme:
http://games.contraterrene.com/screenshots/custom_theme.png
The home icon is squished to the top, and the wrench icon also appears.
There are only two icons squeezed in on this screenshot, but some of the
icons cause three to be displayed (just as shown on hamx0r's screenshot).—
Reply to this email directly or view it on GitHubhttps://github.com//issues/25#issuecomment-11472491.
from jquery-mobile-icon-pack.
Thanks! I'll give it a try.
from jquery-mobile-icon-pack.
Hi Tony
The workaround for me was to use the icon pack names for the native icons.
I'm not by my code now, but if the normal JQM name was "icon-plus" and the
icon pack/font awesome name for the same looking icon is "icon-fa-add" then
use "icon-fa-add". it seems all the native icons show up in the FA pack
under different names, and the weird icon squishing happens when trying to
use the native names instead of the FA names.
hope this helps!
jason
On Tuesday, December 18, 2012, Tony Hursh wrote:
Screenshots below:
Using standard theme:
http://games.contraterrene.com/screenshots/standard_theme.png
The home icon appears normal using the standard theme.
Using ThemeRoller theme:
http://games.contraterrene.com/screenshots/custom_theme.png
The home icon is squished to the top, and the wrench icon also appears.
There are only two icons squeezed in on this screenshot, but some of the
icons cause three to be displayed (just as shown on hamx0r's screenshot).—
Reply to this email directly or view it on GitHubhttps://github.com//issues/25#issuecomment-11472491.
from jquery-mobile-icon-pack.
Seems to work fine. Thanks!
from jquery-mobile-icon-pack.
sure thing! glad to help!
On Tue, Dec 25, 2012 at 7:00 PM, Tony Hursh [email protected]:
Seems to work fine. Thanks!
—
Reply to this email directly or view it on GitHubhttps://github.com//issues/25#issuecomment-11675031.
from jquery-mobile-icon-pack.
Great work around for the button icons but that doesn't fix the issue with the listview and check box icons. Does anyone have a more comprehensive fix for this?
from jquery-mobile-icon-pack.
Ah, there is an easy fix for this here.
http://stackoverflow.com/questions/14160716/jquery-mobile-icon-pack-squished-on-iphone
Simply make sure your FA Icon CSS file is declared after your custom theme.
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.