You are here:   Blog
Register   |  Login

LightSwitch News

 

May 9

Written by: Michael Washington
5/9/2013 6:28 AM  RssIcon

The Visual Studio LightSwitch runtime was updated to support JQuery Mobile 1.3.

You can find more about it at this link: http://blogs.msdn.com/b/lightswitch/archive/2013/05/07/announcing-runtime-update-1-supporting-jquerymobile-1-3.aspx.

This is a step by step guide to updating the LightSwitch JavaScript Runtime.

image

Make a New Project.

image

Create the project.

image

Switch to File View.

image

Right-click on the HTMLClient project and select Manage NuGet Packages.

image

Select Updates, then NuGet official package source.

Click on the Microsoft.LightSwitch.Client.JavaScript.Runtime and then click the Update button.

image

The Runtime will update and the JQuery Mobile will also be updated.

image

Open the default.htm file, and make the following changes:

  • 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

Updating Beyond JQuery Mobile 1.3

At the time of this writing, JQuery Mobile 1.3.1 is required to make reflow tables work. It is available on the JQuery Mobile site but not on Nuget (yet).

image

Download the latest JQuery js and CSS files from the JQuery Mobile site.

image

Use Add/Existing Item to add the files to their proper folders (.css goes in the Content folder, and .js goes in the Scripts folder).

image

Open the default.htm page and update the references.

9 comment(s) so far...


Gravatar

Re: Updating The LightSwitch JavaScript Runtime

With my projects, even with a fresh Lightswitch HTML Client (C#) project, NuGet does not say that there are any updates available.

I have described my experiences/problems here: http://social.msdn.microsoft.com/Forums/en-US/lightswitch/thread/580cb89d-e12a-4929-b102-f197ec50a9c7

Regards,
Richard

By Richard on   5/9/2013 9:05 PM
Gravatar

Re: Updating The LightSwitch JavaScript Runtime

Are you sure you are clicking the 'Updates' button see point 1 on the screen shot? If you don't do this the screen defaults to showing you a list of what is installed and only provides an uninstall option.

By Tim C on   5/28/2013 5:45 AM
Gravatar

Re: Updating The LightSwitch JavaScript Runtime

@Tim C - If you don't see the Update button that means you already have the latest version.

By Michael Washington on   5/28/2013 5:48 AM
Gravatar

Re: Updating The LightSwitch JavaScript Runtime

Sorry, probably did not explain very well. When you first go into the Manage NuGet screen it will default to showing you installed packages, which only provides the uninstall option. You have to click the 'updates' button to show the list of those with updates. Hence missing this step may be one reason why Richard did not see any. Of course it could also be he has the latest as you suggest.

By Tim C on   5/29/2013 4:33 AM
Gravatar

Re: Updating The LightSwitch JavaScript Runtime

I've tried the above and it works fine for 1.3.0. However, when I try 1.3.1 (which I need for reflow tables) it does not work. When I had the files and adjust the references running even a basic solution gives the following error:

---------------------------
Message from webpage
---------------------------
TypeError: Unable to get property 'popup' of undefined or null reference
---------------------------
OK
---------------------------

Any suggestions would be gratefully received.

Thanks,

Tim

By Tim C on   5/29/2013 4:33 AM
Gravatar

Re: Updating The LightSwitch JavaScript Runtime

@Tim C - Download the code for the reflow table on the Downloads page of this site and compare it to your own.

By Michael Washington on   5/30/2013 4:14 AM
Gravatar

Re: Updating The LightSwitch JavaScript Runtime

I skipped the 'add existing file' stage assuming that if I copied the files into the right location VS would pick them up - it does not :-(. Thanks for the advice, spotted this by comparing the solutions and quickly corrected by adding the files in. Now to play with the grids.

Many Thanks,

Tim

By Tim C on   5/30/2013 4:14 AM
Gravatar

Re: Updating The LightSwitch JavaScript Runtime

hi Michael, i got error when try Updating 'jQuery' from version '1.9.1' to '2.0.1.1'

Install failed. Rolling back...
Updating 'jQuery 1.9.1' to 'jQuery 2.0.1.1' failed. Unable to find a version of 'Microsoft.LightSwitch.Client.JavaScript.Runtime' that is compatible with 'jQuery 2.0.1.1'.

By JOJO on   5/30/2013 7:37 PM
Gravatar

Re: Updating The LightSwitch JavaScript Runtime

@JOJO - That is not covered in this article. Only the JQuery Mobile upgrade.

By Michael Washington on   5/30/2013 8:02 PM

Your name:
Gravatar Preview
Your email:
(Optional) Email used only to show Gravatar.
Your website:
Title:
Comment:
Security Code
CAPTCHA image
Enter the code shown above in the box below
Add Comment   Cancel 

Microsoft Visual Studio is a registered trademark of Microsoft Corporation / LightSwitch is a registered trademark of Microsoft Corporation