This first update adds support for jQueryMobile 1.3 and jQuery 1.9. Especially jQueryMobile 1.3 brings a lot of improvements and bug fixes. Embracing the mobile-first, instead of mobile-only, approach was the main focus of this release. This was achieved by implementing a popular technique called responsive design. New widgets like tables and panels work efficiently on large screens as well as small phones, enabling data-richer scenarios. Also jQueryMobile and jQueryUI are working closer together with the goal of having even more shared code and conventions.
(picture taken from the jQueryMobile 1.3 announcement)
While we cannot add new design time features as part of a runtime update, you can still start using these new controls today by utilizing the power of our custom controls. A combination of our blog posts around custom controls and jQueryMobile’s excellent documentation will help you to get started. Michael dedicated a complete post to the integration of jQueryMobile controls as custom controls and our post about using a maps control to visualize list data explains the API of the LS collection which you need to implement your own table control.
How to update?
Start by switching to the file view of the solution explorer. The context menu of the HTML client project contains the entry “Manage NuGet Packages…”. Selecting the “Updates” section of the package manager will show the following screen:
Updating the LightSwitch runtime will automatically update jQuery and jQueryMobile for you. After a quick restart of Visual Studio and reopening the project you need to make a few changes in the default.htm:
- light-theme.css to light-theme-1.0.1.css
- mlsls-light.css to msls-light-1.0.1.css
- jquery.mobile.structure-1.2.0.min.css to jquery.mobile.structure-1.3.0.min.css
- msls-1.0.0.min.css to msls-1.0.1.min.css
- jquery-1.8.2.min.js to jquery-1.9.1.min.js
- jquery.mobile-1.2.0.min.js to jquery.mobile-1.3.0.min.js
- msls-1.0.0.min.js to msls-1.0.1.min.js
If you have any problems with the upgrade or want to learn more about using some of the new features you can find us in the forums or the comments section below.
– Heinrich Wendel, Program Manager LightSwitch Team