Tuesday, November 13, 2012

JqueryMobile ThemeRoller

JqueryMobile ThemeRoller is an easiest way to change the ASP.net MVC mobile application themes within few minutes.

Create an ASP.net MVC mobile web application.
Browse the default application using a mobile simulator.


You can see there are new simulators that I have added to the VS 2012. To add simulators refer the Scott Hanselman's blog.

Go to JqueryMobile ThemeRoller and design a theme.
Then download the theme as a zip file.
Unzip the file and give an appropriate name for the themes folder. Copy that folder and paste it in to Content\themes folder using the project explorer.

Then navigate to _Layout.cshtml. You can use short cut keys Ctrl+,

Then add the style-sheet file name in to the _Layout.cshtml. Then reload the simulator. The new theme has applied.

You can design various themes and apply very easily for you projects using JqueryMobile ThemeRoller.


2 comments: