CODEWITHSUNDEEP
c#asp.net-mvcrazorasp.net-mvc-5.2device-detection
Yiangos
Yiangos

Reputation: 267

DisplayMode doesn't change to mobile view when controller action contains view path

I'm trying to implement device specific views in a ASP.NET MVC application, as described e.g. here: https://www.simple-talk.com/dotnet/asp-net/multiple-views-and-displaymode-providers-in-asp-net-mvc-4/ or here: https://learn.microsoft.com/en-us/aspnet/mvc/overview/older-versions/aspnet-mvc-4-mobile-features

Although the articles above are geared towards ASP.NET MVC4, their content is relevant for later versions of the framework (my app is using ASP.NET MVC 5.2).

I've stumbled on an issue. I have the following controller: 

public class TestController: Controller
{
    public ActionResult Test()
    {
        return View(new TestModel());
    }
    public ActionResult Test2()
    {
        return View("~/Views/Test/Test.cshtml", new TestModel());
    }
}

The Test model is really basic:

public class TestModel
{
    public string TheDate
    {
        get
        {
            return DateTime.Now.ToString();
        }
    }
}

And I have two views in the "~/Views/Test" folder:

Test.cshtml

@model MyNamespace.Models.TestModel
<!DOCTYPE html>
<html>
<head><title></title></head>
<body>
<h1>This is the desktop view</h1>
<p>model data: @Model.TheDate</p>
</body>
</html>

Test.Mobile.cshtml

@model MyNamespace.Models.TestModel
<!DOCTYPE html>
<html>
<head><title></title></head>
<body>
<h1>This is the mobile view</h1>
<p>model data: @Model.TheDate</p>
</body>
</html>

I've implemented the solution described in the links above.

When asking for /test/test, I get the proper view (Test.cshtml when requesting it through my desktop browser and Test.Mobile.cshtml when requesting it from a mobile emulator). However, when asking for /test/test2, i get the desktop view all the time.

I've searched for a solution to my problem, but everyone seems to be reproducing the same scenario over and over (i.e. the "/test/test" scenario) and nobody seems to have tried to do the "/test/test2" scenario. Is it even possible to override that functionality? I'm not afraid to get my hands dirty with overriding default razor/MVC functionality, but I don't really know where to start with this.

Any help is appreciated.

Upvotes: 0

Views: 324

Answers (1)

Ognjen Babic
Ognjen Babic

Reputation: 767

I am not sure about overriding this functionality, but you can use custom RazorViewEngine class and override FindView method, and in it detect mobile device using Request.Browser.IsMobileDevice as a workaround like this:

public class CustomViewEngine : RazorViewEngine
{
      public override ViewEngineResult FindView(ControllerContext controllerContext, string viewName, string masterName, bool useCache)
      {
           var viewPath = controllerContext.HttpContext.Request.Browser.IsMobileDevice ? "MobilePath" : "defaultPath";

           return base.FindView(controllerContext, viewPath, "MasterName", useCache);
      }
}

Do not forget to register your custom view engine in Application_Start like this:

ViewEngines.Engines.Clear();
ViewEngines.Engines.Add(new CustomViewEngine())

Upvotes: 1

Related Questions