Nibble

New Package - IPhone alt page

Just a follow up on the previous post. I updated the xslt to have a very generic approach to the iphone alternative page and wrapped it up in a package.

With the package you can have an iphone alternative page up in a couple of second. Just install the package and insert the javascript snippet into your master template. This works on every umbraco site so it doesn’t mather if you are using runway or just have a completely custom implementation.

Here’s a small demo:

iphonealtpage

What the package installs:

iphoneinstall

After installation you’ll need to specify wich fields will be used to display on the iphone pages (default this is set to bodytext and content). You can do this on the IPhone template, just look for the IPhoneContent macro and setup the displayFields parameter.

 <umbraco:Macro displayFields=”bodyText,content” Alias=”IPhoneContent” runat=”server”></umbraco:Macro>

 

IPhone Alt Page Package: download

10 Comments so far

  1. Karl Kopp on March 4th, 2009

    Nice idea - very simple. Only issue I found is that if you are using directory paths, it needs some tweaking :)

  2. Chris on March 23rd, 2009

    Hi,

    Nice idea, I thought you would have implemented it on Nibble.be, so I just grabbed my iPhone to have a look, but I just see your normal website? Do you have any examples live?

    Cheers,

    Chris

  3. Tim Geyssens on March 23rd, 2009

    Hey Cris, It’s installed on this site: http://www.karlkopp.com/

  4. Marc on May 31st, 2009

    Hey Karl, can you tell what tweaking? That would help! :-D

  5. matt on January 17th, 2010

    Hi Karl

    Does your package work with ordinary mobiles? I’m looking for a package that will provide a nice cut down mobile version. Do you know of anything like this?

    Matt

  6. Shruti on January 27th, 2010

    Hi Karl,

    Nice article .. but i have following issue :

    On my site i installed iphonealtpage… Its working fine on test enviornment which is win XP IIs6 ..
    But at server side(win 2008 IIS7) iphone page is not working ..I am giving you my website URL too. you can view-source and check the script(iphonealtpage in section) … it is not giving me /iphone.aspx.

    Please advice

  7. shruti on January 28th, 2010

    Nevermind ,I got above issue resolved… was having permission issue … Just wondering i am having .NET usercontrol as macro on one of the pages, which is not visible to the iphone.. what can we done to make it visible.Its in “bodyText”

  8. Jason on February 9th, 2010

    It appears that the JS eats click for normal external links. Is there a way to have both the alt page working and have external links in the bodyText?

    Also, I’ve made a few tweaks to allow for some text on the pages with items under them (like the home page). Let me know if you want me to send you any mods.

    Thanks!

  9. Carlos on April 21st, 2010

    Sooo, does this actually work on other devices like the Android Google browser, Blackberry browser or other handhelds other than just the iPhone???

  10. Robert on May 27th, 2010

    Tim, this is a great package, but doesn’t work with my site using directory url’s… the links are being formatted as “/iphone.aspx#1042″. On the iphone, the homepage just keeps reloading over and over.

Leave a Reply