Mobile Ready HTML5 MVC.NET

Free

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

(8) Review
Visual Studio
2010
Download (131,593)
3/20/2014
2.0
E-mail Twitter del.icio.us Digg Facebook
Add to favorites
Description
Reviews (8)
Q and A (19)
Sign in to write a review
Sort by:

by Shreeharsh Ambli | Thu 1:58 PM

wish this was based on bootstrap

by -Aft3rLif3- | June 30 2012

Good.
thx

by jimibt1000000 | January 13 2012

sammy,

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.

thanks
jim

by Santhosh Sivarajan- | November 08 2011

Good job guys!

SammyAgeil November 09 2011
| Edit |
Delete

Thanks Santhosh

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 |
Delete

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

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 |
Delete

the demo uses Air iPhone from http://www.merhl.com/?page_id=3

by wluque | September 06 2011

Excelente Template !

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?

Jim

SammyAgeil July 19 2011
| Edit |
Delete

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.

Regards,

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 51degrees.mobi 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 51degrees.mobi 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,
      
      Sammy
      
  • 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 (Asp.net 3.0) app to this version?
      
      Thanks.
    • 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 asp.net) 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 asp.net 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 asp.net 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
    • 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":
      http://visualstudiogallery.msdn.microsoft.com/a15c3ce9-f58f-42b7-8668-53f6cdc2cd83
      
    • ok, I install razor mv3 and "Web Standards Update" and now the project is created fine !
      Thank you very much !
      Best regards
      Walter
    • 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:
      
      http://www.microsoft.com/download/en/details.aspx?id=1491
      
  • @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 http://stackoverflow.com/questions/5355427/populate-a-razor-section-from-a-partial
      
       @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.
      
      Sammy
  • 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: http://code.jquery.com/mobile/latest/jquery.mobile.min.js. Others may have a similar link structure, but not sure.
      
      Thanks,
      Baron
      
      
    • 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 SammyAgeil.com .
      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...
      Walter
    • jQuery mobile doesn't have a function called document.ready. for an alternative look here
      http://stackoverflow.com/questions/5622581/jquery-mobile-document-ready-equivalent
      
    • 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?
      
      Thanks
      
      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)
                      .AddSeries(
                          chartType: "bar",
                          xValue: new[] { "Math", "English", "Computer", "Urdu" },
                          yValues: new[] { "60", "70", "68", "88" })
                      .GetBytes("jpeg");
                  return File(bytes, "image/jpeg");
              }
      
      
          }
      }
      
      Index.chstml:
      
      @{
          ViewBag.Title = "Home Page";
      }
      <section class="content">
      <header>
      <h2>@ViewBag.Message</h2>
      </header>
      
      <img src="@Url.Action("MyChart")" alt="SimpleChart" />
      <p>
         Be Creative!!
      </p>
      </section>
    • 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