I have designed a responsive html mailer using media queries.
The media queries work very nicely for Iphone - but, they done seem to be working on Blackberry?
The media query I have used is:
#media screen and (max-width: 551px)
Has anyone successfully designed a responsive HTML mailer that renders properly on blackberry?
looking forward to the responses.
Blackberrys don't support them. Sorry.
http://www.emailonacid.com/blog/details/C13/media_queries_in_html_emails
I recently found that Blackberry will accept media queries but only at the desktop size.
I used the following code, but only to keep the font from breaking the desktop layout on a Blackberry -
#media (max-width: 800px) {* td { -webkit-text-size-adjust:none !important; }}
There is a potential issue with BBOS6 displaying text too small.
See: Force the correct font-size in Blackberry for rendering in an HTML email?
The first thing you should do when optimizing a site to support BlackBerry devices is download and install the official BlackBerry Device Simulator and BlackBerry Email and MDS Services Simulator Package.
Related
I have an iFrame in my ionic 2 app which loads a website managed by my clients. when I build the app in ios and try to run it on ipad, the input box wont receive any text input. I can see that it is getting focused but user is not able to type in anything. This happens only with ios. I am running the app on ios 9+. So far I have tried the following,
removing -webkit-user-select: none and replacing with -webkit-user-select: text !important; in input on my ionic css.
using wkWebView plugin from https://github.com/ionic-team/cordova-plugin-wkwebview-engine. I can type in the input boxes in the iframe with this but non of my server calls are working even when I have added the allow Access-Control-Allow-Origin to *
any help is appreciated.
We have a website which supports the Tigrinya language, using Arial for normal text. On mobile iOS devices (iPad/iPhone), Tigrinya characters just appear as rectangular boxes.
This problem also appears on Wikipedia and Google.
Kefa, an iOS font designed specifically to support Ethiopic text, did not work for me when I added the CSS property font-family: kefa, arial; to the website.
Not possible
Ethiopic is not a supported language on iOS devices. This has been an issue for quite some time and there are numerous references on SO.
Workaround?
A common workaround would be to install a custom keyboard, which usually comes with an Apple-certified font attached to it. An example for this would be the Abyssinica Ethiopic Font, which will ship along a keyboard by EthioCloud:
Ethiopic Keyboard can provide Ethiopic font for devices which do not have built in Ethiopic fonts like iOS systems. The font payload should be a separate installation from the keyboard installation. This gives opportunity to users to change fonts without affecting the keyboard app. Use Unicode compatible Ethiopic font, and your program codes should be Unicode compatible.
Another option is Keyman 1.1, which uses the Geez font for iOS.
Best solution
All questions about this in apple forums seem to remain unanswered. I think it would be best to just link this free (mobile) Safari extension from the AppStore on your website.
Can you use the CSS3 #font-face rule? http://www.w3schools.com/css/css3_fonts.asp
Example code (from the link above):
#font-face {
font-family: myFirstFont;
src: url(sansation_light.woff);
}
div {
font-family: myFirstFont;
}
It's possible to have Tigriyna rendered on Safari/Chrome/etc on devices with iOS 8.2+
Just install DroidSansEthiopic on your device. Other fonts (e.g. Ebrima, Nyala, Kefa) would also work (modulo copyright issues). DroidSansEthiopic is an Apache licensed font.
Go to this page using Safari on your iPad/iOS - https://app.box.com/s/p32l8auh37fo6xnglgd6
Click download
Follow the steps to install a new Profile.
Tigrinya should be rendered on your Safari.
i use JSF <t:inputFileUpload> tag to upload files to my site. It works properly in a PC with all browsers but when I test it in my iPad it does not work. It shows as disabled in iOS 5. It uploads images but not text files or pdf or word or excel files in iOS 6.
Have you faced a similar situation? How can I upload documents and spreadsheets from an iPad onto my site?
This problem is not specific to JSF. It's basically just a HTML code generator. It runs on webserver and produces a bunch of HTML which get sent to the client (in your case, the iPad) and then interpreted over there. The <t:inputFileUpload> just generates a HTML <input type="file">.
That HTML element is in turn indeed disabled in Safari Mobile based browsers. JSF look like a magician, but it really can't control whatever the client decides to do with the retrieved HTML. You'd need to look for a 3rd party client side library which enables this in the Safari Mobile side.
See also:
A html5 web app for mobile safari to upload images from the Photos.app?
upload files via iPad
HTML file browse not working in iPad
i am working on a web application based on media gallery.In this application i am uploading media using SWFUpload either images and videos.When i try to open my application on IOS then uploader not visible there.Where it is working fine on safari installed on windows.I want some suggestions from experts of this field.
one site who is using SWFUpload is http://www.ehproductions.com/mediaimage.htm.
Here SwfUploader working nice on windows but not on IOS machines.
Is there any javax html5 compatible uploader?
Thanks in advance.
According to the description of the SWFUpload:
SWFUpload Upload files to a server via flash and listen all the events
from JavaScript.
As all we know there is no flash on the iOS devices, and as result — uploader not visible there. But the problem is not only in the flash. iOS misses html file input, so you cannot use the same tools you use with other OS/browser. Take a look at this question - "A html5 web app for mobile safari to upload images from the Photos.app?", — for possible workarounds.
I am developing an app for both BlackBerry and Android. On Android, when I send the browser to some url, it redirects to another url with good look. But on BlackBerry for the same url it is only displaying links on the site. It is not applying css and does not look like the Android layout.
Blackberry browser (specially in OS versions < 6) is not as good as the Android one. There are also a couple of options in the Browser Settings that you should enable for it to load JavaScript, Background Images or PC-targeted CSS files. Sadly, there seems to be no way of automatically passing this as a parameter to the browser before opening.
You're facing a platform issue, not a developer's one. Although you could, of course, create a set of CSS files intended for Blackberry visitors, taking these limits in mind and being conscious that it will not look as good as the Android one.