Injecting jQuery Mobile into an MVC Application Last week, we created an MVC project called Week10 that accepted a first name and last name on the Index view of the Home controller and forwarded that information to the Summary action of the Home controller where they were displayed back to the user. This week we are going to revisit that project by adding jQuery Mobile capabilities to it. Start by browsing to the location where you created the Week10 solution and copy it. In my case, the solution folder is located in C:\ITC2811\Week10\ Next, copy the solution folder to Week11 folder. In my case, the folder is located in C:\ITC2811\ Now rename the solution folder to Week11 and then go to the folder and launch the project by clicking the Week10.sln file. Once the solution opens, in the Solution Explorer, right click the solution, choose Rename from the context menu, and rename the solution to Week11. Northeastern University, ITC 2811 – Advanced Application Development Week 11- Lecture 2 Next, in the Solution Explorer, right click the project, choose Rename from the context menu, and rename the project to Week11. Northeastern University, ITC 2811 – Advanced Application Development Week 11- Lecture 2 The solution and project names should now be Week11 as seen below. Now, right click the _Layout.cshtml file under the Views/Shared folder as seen below and choose Copy in the context menu. Northeastern University, ITC 2811 – Advanced Application Development Week 11- Lecture 2 Right click on the Shared folder under the Views folder and choose Paste as seen below. The copied file now appears in the Shared folder as seen below. Rename it to _Layout.Mobile.cshtml by right clicking it and choosing Rename in the context menu. We now have a layout file called _Layout.cshtml and another one called _Layout.Mobile.cshtml. When ASP.NET MVC tries to render a view that uses a layout in a mobile browser, it first checks to see whether a layout file with the name _Layout.Mobile.cshtml exists and if it finds it, it uses it to render the view in that mobile browser. If the view is being rendered in a desktop/laptop browser, MVC simply uses _Layout.cshtml. Now go ahead and double click the _Layout.Mobile.cshtml to open it as seen below. Northeastern University, ITC 2811 – Advanced Application Development Week 11- Lecture 2 Replace the contents of _Layout.Mobile.cshtml with the listing seen in the following image. Note that in the