Hi Nathan,

I currently use the third option. My page are servred this way /about/mobile.aspx . With the altTemplate, we can use the /templatename.aspx and, for me, it seems pretty mobile for me. The site is accessible from m.mysite.com and urlrewrite to /homepage/mobile.aspx.

So, everythings work fine, but, all my mobile content use the same alttemplate. If you need more than one template, you could go with mobilePage.aspx or mobileVideo.aspx.

That's a tidy solution Mike, although does that nulify the ability to view the full site on a tablet/phone? I was using Session_Start to redirect to a subdomain, so subsequent requests for the main domain shouldn't then be redirected thus showing the 'full' site. 

I like the idea of clean urls though, seamless and tidy is great! Will look into your solution, thanks.

N

The current implemtation I pasted above does force mobile/table view.... that's what our client wanted...

Two workarounds that I see,

many mobile browsers now have a desktop toggle type plugin (where by they alter the useragent sent to the site, to imitate a desktop rather than the tablet)

Or you could add in functionaltiy to store a cookie/seesionstate varialbe to override.

:-)

Mike - I've marked your reply as the solution, after a bit of playing around I've got it working really nicely. Mobile visits are served the alt template, but are given the option, via a sessionstate variable, to switch out to the full site. So, so, so much tidier than using a subdomain. Thanks again for the direction.

N

Seems like a great solution. My current setup checks for mobile and redirects to altTemplate but I would prefer a single url. How would I go about implementing the solution posted above? Guessing its not a usercontrol ;)

Ernst - I'm setting the session variable in the session_start method in my global.asax (I had to exclude app_global.asax.dll for this to work - I think best practice is to use a httpmodule rather than global). The bulk of the work is happening in default.aspx, in the OnPreInit method, similar to Mike's example. I'm also using jQuery Mobile to handle presentation, so can treat phone or tablet as one and let css handle the different screen dimensions and resolutions.

Once I've checked for mobile visitors, I swap the template like so:

try {
        Node currentNode = Node.GetCurrent();
        umbraco.template template = new umbraco.template(currentNode.template); /// get the template for the current node
        string tAlias = template.TemplateAlias.ToString();    
        Page.MasterPageFile = "/masterpages/Mobile/" + tAlias + "Mobile.master"; /// reformat the template alias for the mobile version - xMobile.master replaces x.master
        }

 My mobile template set follows a naming convention - Content.Master has the mobile version ContentMobile.Master, which allows me to grab the alias of the default template, append "Mobile" and away we go. Works well so far - the biggest plus for me is keeping the url the same for all visitors.

cheers

Nathan

@Mike Thank you for idea.

I also was needed to have the same urls for desktop, mobile and table versions.

I have ended up to put the code, which is doing "mobile detection" and switching template in default.aspx file like

<%@ Page language="c#" Codebehind="default.aspx.cs" AutoEventWireup="True" Inherits="umbraco.UmbracoDefault" trace="true" validateRequest="false" %>
<script language="c#" runat="server">
     protected override void OnPreInit(EventArgs e)
     {
     base.OnPreInit(e); //need to be before changin template 

    var md = new MobileDetector(); //my own class to detect version
    bool isMobile = md.DetectMobileLong();
     bool isTablet = md.DetectTierTablet();
      if (isTablet)
   {
          this.MasterPageFile = "/Masterpages/TabletVersionMaster.Master"; 
      }
   else if (isMobile)
      {
          this.MasterPageFile = "/Masterpages/MobileVersionMaster.Master"; 
      }
   else
    {
          this.MasterPageFile = "/Masterpages/DesktopVersionMaster.Master"; 
     }
}
</script>

Hi All,

Could any of you guys post the complete solution instructions, I am pretty new here and like what you have done but I don't know what to do, I have just copied @Dimitry code to default.aspx and where do I @Mike's code?

Basically I wand to detect mobile and then use the alttemplate.

Thanks

Hi,

Same as Alex, does anyone have a definitive solution they can post on how this is done in it's entirety, all of the information on this across the forums seems very fragmented. Would the code above work for a site that will multiple Alternate Templates??

Graham

is working on a reply...