Your extension will be available shortly on the Visual Studio Marketplace at this link.

Mobile Ready HTML5 MVC.NET


Create a mobile ready ASP.Net application using jQuery mobile and Razor engine

4.5 Star
Visual Studio
Download (163,868)
E-mail Twitter Digg Facebook
Add to favorites
Sign in to write a review
Sort by:

3 Star
by Shreeharsh Ambli | April 17 2014

wish this was based on bootstrap

5 Star
by -Aft3rLif3- | June 30 2012


4 Star
by jimibt1000000 | January 13 2012


great work, looking fwd to future enhancements. thought I'd add one of my own as this cropped up today. I needed to use a partial view and kept getting the website version coming in. I then realised that I needed to add the findpartialview override as well. I'm gonna add this into the Q&A section in case this is required by anyone else.


4 Star
by Santhosh Sivarajan- | November 08 2011

Good job guys!

SammyAgeil November 09 2011
| Edit |

Thanks Santhosh

5 Star
by mEm1337 | November 03 2011

Thank you for this nice template. I've tested it on different phones (Pohne7, iPhone, Android, Blackberry) and it works just fine.

However, one question remains open: What are the license agreements for this template?

SammyAgeil November 09 2011
| Edit |

The template is free to use and or modify in any way you wish.

5 Star
by LamPhatTai | October 20 2011

Is it provide emulator? If not, what emulator I use? please let me know.
Thank you. Justin

SammyAgeil October 21 2011
| Edit |

the demo uses Air iPhone from

5 Star
by wluque | September 06 2011

Excelente Template !

5 Star
by Jim Solo | July 19 2011

Thank you very much for the template.
Did you create any helper methods to create the jq ui instead of using strings?


SammyAgeil July 19 2011
| Edit |

Thanks Jim.
I am actually working on some helper methods to simplify creating Grid input types and other jQuery Mobile controls. All will be published once completed.


Sammy Ageil

Sign in to start a discussion

  • Mobile Detection
    2 Posts | Last post December 30, 2011
    • First, nice job on the template and greatly appreciated.
      Have you thought about using for your mobile detection functionality instead of maintaining supported devices in the ApplicationHelper?
      Also, iPad requests come up as a mobile request. Not sure if that is the desired or expected result from many.
      Having implemented it myself on a MVC3 mobile site recently as well as my own mobile view engine, I can tell you that it is pretty simple.
      Let me know if you need any help.
    • ED,
      The main reason to use ApplicationHelper class is having control over the devices identified as mobile.
      I haven't used but from what I seen, it requires some XML configuration and I am not a fan of XML.
      Have you published your mobile view engine?
      Thank you,
  • Migrating web forms to Mobile Ready HTML5
    2 Posts | Last post December 13, 2011
    • Hi Sammy.
      This looks great, I was wondering if there was an easy way of migrating an forms based ( 3.0) app to this version?
    • If you mean convert webforms to mvc, then the answer would have to be no 
  • Convert to native app
    3 Posts | Last post December 13, 2011
    • Hi Sammy first of all I would like to say you thanks for creating template for VS 2010 ,nice job...
      I am wondering that once you program your app(with are you aware of any option to convert it to native app 
      I heard phone gap and other tools convert html and JavaScript to native app, so I wondered about a possibility if you know about it than please share....
    • I was also wondering if anyone knows a solution to 'convert' an MVC (4/jquerymobile) project to an native app. Just like phonegap is doing with html/javascript. Please help. 
    • Sorru guys, I'm not aware of any tools to convert to native apps
  • The Project type is not supported by this installation
    5 Posts | Last post November 19, 2011
    • Hello,
      I can´t create a project . I have the error "The Project type is not supported by this installation" .
      I have Visual Studio 2010 Ultimate - 10.0.40219.1 SP1Rel .
      I need install any more?
      Thank you in advance.
      Best Regards,
    • Walter,
      Can you create MVC projects using razor engine? 
    • I haven't installed this yet, however, it sounds like you might need the "Web Standards Update":
    • ok, I install razor mv3 and "Web Standards Update" and now the project is created fine !
      Thank you very much !
      Best regards
    • For anyone receiving "The Project type is not supported by this installation", make sure you have installed the latest ASP.NET MVC 3 Tools Update. I was getting the error after a fresh install of VS2010 Ultimate and this solved my problem:
  • @RenderSection("Scripts", false)
    5 Posts | Last post November 15, 2011
    • The @RenderSection("Scripts", false) in the layout doesn't load a view page's script section when Ajax is enabled.  Are there any workarounds other than disabling ajax support?
    • can you provide more details please? I am not sure what do you mean by Ajax is enabled.
      How are you loading the view? are you using jQuery to load the view?
    • If you are trying to render a section from a partial view to the parent view then the answer is cant do that without writing a helper or use a work around
       @Ajax.ActionLink("Ajax call","AjaxTest", new AjaxOptions{ Confirm="Are you sure?", InsertionMode= InsertionMode.InsertBefore, UpdateTargetId="theTarget"})
          public ActionResult AjaxTest()
      //will fail to render the section
                  return PartialView ();
      //will return the view with the section included.
      return View();
    • My @section Scripts is in a regular view, not a partial view.   If I go to the layout file for the mobile site and change the $.mobile.ajaxEnabled to false it works.  When the ajaxEnabled is set to true, my @section does not seem to propagate to the @RenderSection("Scripts", false).  It loads the view but the scripts are not loaded.
    • I just tested and all my scripts rendered with and without ajax enabled.
      to test, return true from IsSupportedMobileDevice in the ApplicationHelper.cs
      browser the site in firefox, chrome or IE and you will see the scripts rendering.
  • Air Phone (IPhone emu) shows not m page, but regular page
    2 Posts | Last post November 09, 2011
    • Hi. Thnx for the great template. However, when i debug the application, IE9 shows the desktop version of the webpages and the Air Phone should show the M version. The Air Phone however shows the desktop version as well en not the M version of the views. I configured exactly as shown in the demo video. Any idea what i missed? Kind Regards, Roger
    • Roger,
      The iPhone emulator changed the useragent string to adobeair/vx.x 
      this was fixed in the latest version of the template 1.3 
  • Please Update This Temple
    2 Posts | Last post November 09, 2011
    • Really great template. I thoroughly enjoy using it. Would you mind updating it to the latest versions of the scripting libraries?
      jQuery is at 1.7, jQuery mobile is at RC2, and the jQueryUI is at 1.8.16 now, others may need updating too.
      For the jQuery mobile library, you can ensure the template has the latest version by using this CDN: Others may have a similar link structure, but not sure.
    • Roger,
      The emulator changed the user agent string.
      This was fixed in the latest template.
  • JQuery Problem - $(document).ready
    4 Posts | Last post October 21, 2011
    • hello, first of all great work! .
      I'm writing here because the site does not work .
      I have a problem when I navigate to about view. The $(document).ready isn't executed .
      I can't find information on how to solve that or any alternative .
      Will surely know what I mean and how I can fix.
      Thank you in advance...
    • jQuery mobile doesn't have a function called document.ready. for an alternative look here
    • One consequence of this problem is that client-side validation does not work for AJAX-loaded pages. Is there any solution to this problem? 
    • Alex,
      The only possible solution I can think of is to use jQuery to perform your ajax validation
  • IPhone Chart Helper doesn't show
    2 Posts | Last post October 21, 2011
    • Hi I've used your App for an Iphone Web Application, and find it very useful, Nevertheless, I've tried adding a simple char via a Chart helper (<img src="@Url.Action("MyChart")" alt="SimpleChart" />), but it doesn't show in Iphone or Ipad.
      It is very weird because it shows in safari, Internet Explorer and Firefox.
      Do you know what could be wrong?
      Full code Below:
      Home Controller:
      using System;
      using System.Collections.Generic;
      using System.Linq;
      using System.Web;
      using System.Web.Mvc;
      using System.Web.Helpers;
      namespace MVCMobile1.Controllers
          public class HomeController : Controller
              public ActionResult Index()
                  ViewBag.Message = "Welcome to ASP.NET MVC!";
                  return View();
              public ActionResult About()
                  return View();
              public ActionResult MyChart()
                  var bytes = new Chart(width: 400, height: 200)
                          chartType: "bar",
                          xValue: new[] { "Math", "English", "Computer", "Urdu" },
                          yValues: new[] { "60", "70", "68", "88" })
                  return File(bytes, "image/jpeg");
          ViewBag.Title = "Home Page";
      <section class="content">
      <img src="@Url.Action("MyChart")" alt="SimpleChart" />
         Be Creative!!
    • The template has nothing to do the chart, look into your chart object and see how its being parsed to the view.
      You can use firebug to debug the output and take it from there.
11 - 19 of 19 Items