Font and icons not appearing on Windows phones only - css

I'm using phonegap 3.0 for create a application on android, iOS, and Windows phone. I use a custom font-face for my text and for icons. But when viewed in Windows Phone 8, the font and the icons won't appear on the application.
I have tried loading the fonts after the device ready event; using a .woff font; loading from an external source - nothing works. How could I solve this?

I heard about this problem before, apparently there is an issue present in Windows Phone 8 that prevents custom font-faces from working when html/css are hosted locally. Could you try and host the html/css files externally? Just to see if it makes a difference. I think this is a bug in the current WebBrowser control that's used on WP8
EDIT: See this StackOverflow questions and answers about a similar problem

you can transform the file to base64, using one of the services around (e.g. this one,
and add url like this:
src: url(data:application/x-font-woff;charset=utf-8;base64, AAEAAAALAIAAAwAwT1MvMg6SAy8AAAC8AAAAYGNtYXAa.....)

Related

QT WebKit - Protocol "" is unknown

I'm using simple browser made with Qt WebKit.
On a page (running local rails server) I have a link that opens Pdf Previewer (pdf.js). In this .js script I try to open local (rails) url with path as parameter. Path can be local file path or some public url.
example:
http://localhost/documents/preview_file?path=http%3A%2F%2Fmy-domain.s3.amazonaws.com%2F4533902%2Ftest.pdf%3FAWSAccessKeyId%3DAKIAJWDKNPWPFJYREP6Q%26Expires%3D1480381051%26Signature%3DCqfAmGCm7S5lTpQ7pP0U25BqYpE%253D
In case parameter path is public url rails only redirects to this url.
But problem is, that in this browser I get an error (in console):
GET
http://localhost/documents/preview_file?path=http%3A%2F%2Fmy-domain.s3.amazonaws.com%2F4533902%2Ftest.pdf%3FAWSAccessKeyId%3DAKIAJWDKNPWPFJYREP6Q%26Expires%3D1480381051%26Signature%3DCqfAmGCm7S5lTpQ7pP0U25BqYpE%253D
Protocol "" is unknown
I get this error only in this QtWebKit browser, Chrome and Firefox open this link without problem.
Any help appreciated
10x
QtWebKit released with Qt is based on outdated WebKit engine, that does not implement all Web features available in modern browsers. So it is possible that your page is using some of JavaScript features that are not supported.
Please try your page with latest QtWebKit from https://github.com/annulen/webkit/releases/tag/qtwebkit-tp5. It is based on fresh WebKit and may work better with your content. See http://qtwebkit.blogspot.com/2016/08/qtwebkit-im-back.html for more details about what is happening with QtWebKit now.

Visual Studio Apache Cordova - IOS build rotation issue

I'm a starter in writing app code in Visual Studio 2013 Community Apache Cordova and have managed to connect VS2013 with my Mac. Once I have gone through the process of building the app in VS and on my Mac and installing in on my iPhone, I open it up and it won't rotate. It doesn't rotate for a number of basic apps that I've written nor does it rotate if I build the default new project "Hello, your application is ready!" app.
I have done some research and tried changing the config.xml "Orientation" preference to "both", through the code window and also in the designer window but that doesn't change anything. I've also noticed that adding in a "BackgroundColor" preference doesn't work either.
Does anyone know if I may have configured something incorrectly or perhaps need to add something to my code?
All the HTML, JS and CSS that I've written seems to work okay (with the exception of trying to link URLs to the Safari Browser but that's another issue).
I have noticed the same issues. I tried finding some settings to fix that in the config.xml, but was not successful. I have resolved myself to just opening the iOS project in XCode and changing a few things:
Device Orientation: no matter the config.xml setting, its always only Portrait. I click-check the other 3 orientations.
Team: I have multiple developer profiles, and I need to choose correct one here.
Bundle Identifier. I screwed up one project, and have different case for iOS and Android. I leave the VS one as the Android one, so I can build completely correct for Android. Since I know I have to go to XCode for iOS anyway, I change the bundle identifier here.
You can find the project using Finder at ~/remote-builds/builds/9999/cordovaApp/platforms/ios/*.xcodeproj, where 9999 is the build number, though not necessarily the latest, largest number, but the latest datetime of the folder.
You can also refer to Greg's answer in this related post as an alternative solution.

PDF is generated as jpg instead of text.

Using Winnovative html to pdf converter v. 6 over .net 4, usually the pdf is rendered as text, with embedded images. But sometimes the entire document is rendered as single jpeg. There is no selectable text at all. How can this behavior be controlled? It seem so vary with the server. We were unable to reproduce it.
I found a fix for this, and it was to change to the following settings on the application pool.
I also upgraded to version 8 of the component, but that did not automatically fix the problem.
Winnovative HTML to PDF converter does not use anymore IE as rendering engine and the problem described here is not present anymore in the latest version of the software available on our website for download. The converter doesn't depend anymore on any other tool for redenring. It uses its own new rendering engine compatible with WebKit.
We had this same problem, it happens when the servers are upgraded. To reproduce this on your local if you upgrade to IE9 you will see this problem.
What we had to do is upgrade to the current version(version 8) and this seemed to resolve our problem.
A bit old but simply fixe :
for winnovative V8 just install IE9Config.exe from config/WnvHtmlToPDF-v8.0.zip
Works for me on local and on server

Air AutoUpdate & Windows 7 pin icon

I've created an Air app for use in work. To make things slightly easier, I pin the icon to taskbar (Windows 7). The app uses the auto-update framework (default), which works fine.
After I update though, the pinned icon becomes a default blank page icon. If I click on this icon, Windows will tell me that it can't find the program. I need to unpin the icon and repin a new one (the icon in the start menu works fine).
Anyone else have this problem and know how to fix it?
I'm using AIR 2.7 (compiling with the Flex 4.1 SDK) and I'm on Windows 7 64 bit if that helps.
A workaround would be to wrap your app inside another app as a module and only update that module. That way only the module SWF would be overwritten, leaving the original app intact.
Resurrecting an old question. After digging around with pretty specific questions on Google, I found 2 posts, one in the Adobe forums:
http://forums.adobe.com/message/3449244
and the other in the JIRA:
https://bugs.adobe.com/jira/browse/SDK-24649
It looks like this bug has been open for a while and isn't getting fixed any time soon.

Xrefresh alternative

i am using Netbeans PHP + Firefox 4 on Windows for my web development.
I've used a common firebug extension called Xrefresh. It was automaticlly refreshing my opened firefox tab everytime change in my projects directory occured, so pressing ctrl+s in netbeans was triggering auto-refresh in the browser. Very comfort way to work with css, almost live preview.
But now since new Firefox and Firebug versions Xrefresh doesn't work anymore and the question is - are therey any good alternatives, or does someone know how to configure Xrefresh now?
Without live preview my development is somehow slower.
https://github.com/NV/auto_update_stylesheets
This could help you. It refreshes the page via ajax on css save.
There's an automatic refresh-on-change tool for IE. It's called ReloadIt, and is available at http://reloadit.codeplex.com . Free.
Not an add-on to IE, but more of an "adjunct". It does not change the IE install, does not install a BHO or anything like that. So very low-impact installation.
You choose a URL that you'd like to auto-reload, and specify one or more directory paths to monitor for changes. Press F12 to start monitoring.
After you set it, minimize it. Then edit your content files. When you save, the page gets reloaded. like this:
I've managed to keep using xrefresh up until Firefox 9 however I'm not having any luck with version 10.
I've now switched to livereload, they've had a decent Mac version out for a while and a very experimental Windows version has recently been released.

Resources