Welcome Guest Search | Active Topics | Members | Log In | Register

Custom theme changes for specific user agent Options
rogers_c
Posted: Monday, November 21, 2011 6:25:09 PM
Rank: Advanced Member

Joined: 9/21/2010
Posts: 33
Points: 99
Location: Richardson, Tx
Hey guys,

I have a fairly elaborate theme that is working great. I need to make some modifications that apply just to Windows Phone 7 and up. These changes include some css and some markup changes.

I already have the markup changes applied in a seperate xml file called WindowsPhone7_ListStyles.xml. This file contains only the elements that changed from the basic layout.

So here are the tricky pieces. Our basic layout is associated with Platform A. The OOB configuration apparently associates Windows Phone 7+ with Platform B. My assumption is that this will not merge correctly across platforms, yes?

My second tricky piece is how do I define that a specific subset/version of a platform is only applicable to Windows Phone 7+?

I am prepared, worst case, to have a 100% duplicated theme just for Windows Phone 7+, but I am hoping that there is some level of merge I can take advantage of. Any ideas?
joe
Posted: Monday, November 21, 2011 6:37:41 PM

Rank: ME Staff

Joined: 1/12/2009
Posts: 279
Points: 408
Location: VA
Hey,

Windows Phone 7 uses Platform A. Windows Mobile 6.5 and below is Plat B. The main difference between Plat A and B XSLT has to do how the ClickActions are constructed.

You should be able to achieve everything you need between devices (iPhone, Android, WP7) through CSS, especially now that WP7 supports CSS2 and some of CSS3 (Box Model, Effects, etc...).

If your markup has to be different, then you will have to create a whole new platform for WP7 (Plat X). The idea of the Platforms is to consolidate XSLT to the fewest number of definitions for the same controls.

-joe
rogers_c
Posted: Monday, November 21, 2011 6:52:34 PM
Rank: Advanced Member

Joined: 9/21/2010
Posts: 33
Points: 99
Location: Richardson, Tx
Ok, thanks. :)
rogers_c
Posted: Monday, November 21, 2011 7:18:19 PM
Rank: Advanced Member

Joined: 9/21/2010
Posts: 33
Points: 99
Location: Richardson, Tx
Ok, found a way that seems to be pretty cross compatible.. but for some reason using the Windows Phone 7 Emulator, I get put into tablet view...

User Agent is as follows:

Mozilla/5.0 (compatible; MSIE 9.0; Windows Phone OS 7.5; Trident/5.1; IEMobile/9.0) Microsft; XDeviceEmulator

Not entirely sure what is doing this. If I use the following user agent it looks correct:

Mozilla/4.0 (compatible; MSIE 7.0; Windows Phone OS 7.0; Trident/3.1; IEMobile/7.0) Asus;Galaxy6

I apologize if this should be more apparent, but I've been staring at a lot of XML lately and my brain is beginning to turn to mush, it seems

joe
Posted: Monday, November 21, 2011 7:27:32 PM

Rank: ME Staff

Joined: 1/12/2009
Posts: 279
Points: 408
Location: VA
That is because of Mango (IE9) and that you are on 2.3 still. We patched this in 3.0. The quick fix is to add the following to your UA mapping:

<UserAgent match="Windows Phone" type="ajax">
<CSS>
<File name="PanelsCSS" href=""/>
</CSS>
<Script>
<File name="iscroll" src=""/>
</Script>
<Index panel-count="1">/_layouts/images/EntreeServer/base/index.xslt</Index>
</UserAgent>
rogers_c
Posted: Monday, November 21, 2011 7:31:26 PM
Rank: Advanced Member

Joined: 9/21/2010
Posts: 33
Points: 99
Location: Richardson, Tx
Thanks again.. looks fabulous!
Users browsing this topic
Guest


You cannot post new topics in this forum.
You cannot reply to topics in this forum.
You cannot delete your posts in this forum.
You cannot edit your posts in this forum.
You cannot create polls in this forum.
You cannot vote in polls in this forum.

Main Forum RSS : RSS

Powered by Yet Another Forum.net version 1.9.1.8 (NET v2.0) - 3/29/2008
Copyright © 2003-2008 Yet Another Forum.net. All rights reserved.