Customizing IE Mobile with User Stylesheets

Does IE Mobile Support AJAX? Guess what? Yes, it does!!!

Zandoná Mobile® — Wed, 03 May 2006 17:29:34 GMT

I have been asked about AJAX development support for Internet Explorer Mobile (running on Windows Mobile-based...

re: Customizing IE Mobile with User Stylesheets

Shangwu — Fri, 21 Jul 2006 22:14:24 GMT

Thanks for the information. I followed your instuction to create the css file and registry key on my Axim V51v (Windows Mobile 5). Nothing is changed. The IE still shows image spaces.
Is Pocket IE same as IE Mobile?

re: Customizing IE Mobile with User Stylesheets

iemoblog — Fri, 21 Jul 2006 23:06:41 GMT

Shangwu - does your file actually have the system bit set on the file itself? That's the leading cause of failure here that I can think of, if you followed all the other instructions perfectly.

IE Mobile is the current revision of the browser. Pocket IE was the old browser, and we generally use it to refer to old devices/builds out there (pre-Windows Mobile 5.0) as well as the official "pocket IE" that was included in Platform Builder (Windows CE embedded) for those needing a tiny browser for help files or very, very small footprint devices.

-Cameron

re: Customizing IE Mobile with User Stylesheets

Shangwu — Fri, 21 Jul 2006 23:16:08 GMT

Cameron,

Thank you for quick response. Yes, I set the file's attribute as system. Is there any way I can verify that the style sheet is loaded or not by IE? Does the subkey name is case sensitive like StyleSheet or Stylesheet?

re: Customizing IE Mobile with User Stylesheets

iemoblog — Tue, 25 Jul 2006 00:48:22 GMT

The subkey names are not case sensitive.

I'd try a very simple stylesheet and make sure it gets loaded first, just to validate that you don't have any problems with your desired stylesheet.

The only easy way of verifying success is visually on the page (or programmatically on the page, but that's work!)

You can't just copy the file over from ActiveSync, either - it does have to be installed as directed in the article, or that system bit will be stripped in the desktop->device transfer process. You could also use a utility, or write a small app to actually change the attribute on the device itself.

re: Customizing IE Mobile with User Stylesheets

Shangwu — Tue, 25 Jul 2006 16:52:12 GMT

I use a utility called Total Commander to copy the CSS file to \Windows folder and set the system attribute of the file.

Here is the registry values and the file content:

[HKEY_CURRENT_USER\Software\Microsoft\Internet Explorer\Main\Stylesheet\NoImages]
"Enabled"=dword:00000001
"File"="\\Windows\\noimages.css"

noimages.css

IMG { display: none !important }

Probably Dell changed the IE Mobile's code to not load user stylesheets.

Thanks.

re: Customizing IE Mobile with User Stylesheets

Randy Ramig — Wed, 26 Jul 2006 01:03:51 GMT

Did you re-start the browser? The style sheets are loaded at app initialization time.
Best thing to try is a reboot and see if that helps.

Randy

re: Customizing IE Mobile with User Stylesheets

Shangwu — Wed, 26 Jul 2006 16:29:16 GMT

Noop, reboot doesn't help.
Is it possible to download a standard IE Mobile from somewhere and install it on my PPC?

Thanks for continuing input.

re: Customizing IE Mobile with User Stylesheets

iemoblog — Wed, 26 Jul 2006 19:36:53 GMT

Shangwu - sort of is the answer. You can download the SDK for Windows Mobile, and that includes the device emulator. There are stock images of a Smartphone and a PPC in the SDK which can be loaded into the emulator, on the desktop, and those contain IE Mobile. It's a fairly painless process.

Pocket PC SDK here: http://www.microsoft.com/downloads/details.aspx?FamilyID=83A52AF2-F524-4EC5-9155-717CBE5D25ED

Smartphone SDK here: http://www.microsoft.com/downloads/details.aspx?familyid=DC6C00CB-738A-4B97-8910-5CD29AB5F8D9

Either one may prove easier for development and testing than repeated pecking away at the device. We utilize the same tools internally for that. Those SDKs also contain documentation as well as support links.

Another tool I use, which will speed things along, is some kind of "remote" tool for your device. We have a power-toy remote viewer floating around the Microsoft download section, or there are great third party add-ons that do all this and more. We even use some of them ourselves! It really helps with configuration and editing because lots of keyboard inputing and the small screen size can be hard on a developer working for hours on end.

-Cameron

re: Customizing IE Mobile with User Stylesheets

Shangwu — Thu, 27 Jul 2006 02:11:55 GMT

Today I followed the instruction to set everything on an WM5 emulator without success. I created an application to set system attribute on to the css file.
Would you please to double check your instruction to make sure all registry key names are acurate? I tried both stylesheet and stylesheets without success.

Regards.

re: Customizing IE Mobile with User Stylesheets

Randy Ramig — Fri, 28 Jul 2006 18:39:00 GMT

Hi Shangwu, I'm sorry you're having problems with this. Could you please put the css file and tools in a cab file and send them to iemoblogpierox@pieroxmicrosoft.com so that we can take a look?

(remove the instances of "pierox" from the above address, it is there to prevent spam)

Randy

re: Customizing IE Mobile with User Stylesheets

Shangwu — Fri, 28 Jul 2006 22:19:20 GMT

Hi Randy,

I have sent a zip including a CSS file, a REG file and the utility Total Commander to the email address. Please let me know if you could not receive it.

Thanks,
Shangwu

re: Customizing IE Mobile with User Stylesheets

iemoblog — Wed, 09 Aug 2006 02:26:04 GMT

Hi Folks:

I found out the issue that some of you have been having with this. The CSS file must be in Unicode. For example, on Windows XP open the file with notepad and Save As and select Unicode.

I'll update the blog entry, please post back if this did or did not fix the issue.

Randy

re: Customizing IE Mobile with User Stylesheets

sank — Tue, 22 Aug 2006 05:24:08 GMT

Is it possible to remove the rubberbanding selection that happens when anchor elements get focus?

re: Customizing IE Mobile with User Stylesheets

iemoblog — Tue, 22 Aug 2006 18:46:39 GMT

Sorry, there is no way to prevent the selection rectangle. What are you up to? Maybe we can make another recommendation.

-Steve

re: Customizing IE Mobile with User Stylesheets

sank — Thu, 24 Aug 2006 18:47:56 GMT

I'm trying to provide background color highlighting on selection using A:focus css instead of the rubberbanding.

re: Customizing IE Mobile with User Stylesheets

iemoblog — Thu, 24 Aug 2006 19:52:29 GMT

Hi sank:

We have a CSS extended property called "x-focus-border". You can set it to "none" to get rid of the focus border. For example:

a:focus {x-focus-border:none}

By the way, we recognize that this extension probably should have been named -ms-focus-border per the CSS 2.1 spec on vendor extensions. We'll keep that in mind in the future.

-Randy

re: Customizing IE Mobile with User Stylesheets

sank — Tue, 29 Aug 2006 00:08:35 GMT

Thanks Randy :-)

That worked. But had to put the x-focus-border in the a:link block instead of the a:focus. This was on a treo 700w OS 5.1.195

What are the other options possible for x-focus-border?

re: Customizing IE Mobile with User Stylesheets

Defcon — Sat, 24 Mar 2007 11:54:28 GMT

Hye all! I need to dig more details infomation regarding this IE Mobile browser. I already make a lot of search via major search engine either Microsoft.com but i didnt fint what i need it. What i need is a browser details such as:

- what a flash version did currently default on IE Mobile browser

-Is that IE Mobile browser support PNG transparent background such as on IE 7?

Any referrer link or base on experience surf with that Windows Mobile 5.0?

re: Customizing IE Mobile with User Stylesheets

iemoblog — Mon, 02 Apr 2007 21:49:37 GMT

I'm not sure what you are asking regarding "a flash version". On recent versions, you can type "about:version" into the address bar to see what version of the browser is installed.

Yes, IE Mobile supports transparent PNGs.

Again, I'm not sure what you are asking in your last question.

-Steve

re: Customizing IE Mobile with User Stylesheets

prc — Thu, 12 Apr 2007 19:35:57 GMT

Any way to use CSS to control other IE Mobile display options, such as full screen and zoom?

re: Customizing IE Mobile with User Stylesheets

iemoblog — Fri, 13 Apr 2007 00:41:55 GMT

prc,

No, CSS can't be used for that.

-Steve

re: Customizing IE Mobile with User Stylesheets

gilbertw — Thu, 25 Oct 2007 21:54:24 GMT

Is there more information on "One Column" view mode, its associated style sheet, and how it can be implemented in an browser control object?

re: Customizing IE Mobile with User Stylesheets

iemoblog — Sat, 27 Oct 2007 00:48:55 GMT

gilbertw:

We have not published the details of the One Column CSS since it is internal to the product. We essentially apply "!important" styles to force margins to a small size and tables into block elements.

You can apply styles to a control using DTM_ADDSTYLE: http://msdn2.microsoft.com/en-us/library/bb159689.aspx

-Charles

re: Customizing IE Mobile with User Stylesheets

dbirk — Sat, 01 Dec 2007 20:06:55 GMT

Is there any way to hide the address bar in IE Mobile? This used to be a feature in Pocket IE. We use Symbol MC9090s and access an SAP generated web site. Any way to hide the address bar??

Thanks in advance!

Douglas Birk

re: Customizing IE Mobile with User Stylesheets

iemoblog — Tue, 04 Dec 2007 02:56:59 GMT

dbirk:

In IE Mobile, we only support hiding the address bar using the full screen mode (which hides the softkeys as well).

IEMobile Team Weblog Customizing IE Mobile with User Stylesheets | Paid Surveys

IEMobile Team Weblog Customizing IE Mobile with User Stylesheets | Paid Surveys — Sat, 30 May 2009 00:47:58 GMT

PingBack from http://paidsurveyshub.info/story.php?title=iemobile-team-weblog-customizing-ie-mobile-with-user-stylesheets

Using the webbrowser control in Windows Mobile « Archis's Blog

Using the webbrowser control in Windows Mobile « Archis's Blog — Mon, 15 Jun 2009 16:45:16 GMT

PingBack from http://archisgore.com/2008/10/07/using-the-webbrowser-control-in-windows-mobile/