Wijmo 2013v1 has Landed

Introducing Wijmo Professional & Enterprise

We have moved all Wijmo products to a subscription model. Now, we will feature 3 releases per year and any customer with a current subscription will be eligible for free upgrades.Make sure to Download Wijmo 2013v1 and explore the new demos. Wijmo Complete is no longer being sold and we now offer Wijmo Professional as a subscription in its place. We have also added Wijmo Enterprise as a bundled product. It includes everything from Wijmo Professional and our new SpreadJS control. Lastly, we have added a Platinum Support option to our products. Platinum Support grants access to phone support for any customer with a current subscription.

Adaptive Widget Framework

Meet the new Adaptive Widget framework from Wijmo. All of our widgets will automatically adapt to jQuery Mobile or jQuery UI environments. Simply by swapping out jQuery UI for jQuery Mobile, you can convert your widgets to be mobile without changing a single line of code! That's right, Wijmo 2013v1 supports both jQuery UI and jQuery Mobile including both Themerollers and Themes. Wijmo is offering something that no other tool can: a set of widgets that automatically adapts to its environment. If you want to do full-web development with Wijmo you can continue to reference jQuery UI as a dependency. However, if you are looking to do mobile development, just reference jQuery Mobile instead of jQuery UI. Let's take a look at an example. Traditionally, you would reference jQuery UI as a dependency and add a widget to the page. Here you can see what accordion would look like rendered along with jQuery UI. Now, if we add jQuery Mobile as a dependency and remove jQuery UI the same exact accordion will render like so. As you can see the same accordion widget adapted itself for mobile development when jQuery Mobile was referenced. Literally using the same JavaScript file and calling the same API. This is not two libraries. It is one library that can adapt. This is the power of the Adaptive Widget Framework. Explore our Adaptive Widgets in our mobile demo. Learn more about our Adaptive Widget Framework. You can reference Wijmo 2013v1 from our CDN and use the Adaptive Widgets with jQuery Mobile like so.

<!--jQuery References-->  
<script src="http://code.jquery.com/jquery-1.8.2.min.js" type="text/javascript"></script>  
<script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js" type="text/javascript"></script>  

<link href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" rel="stylesheet" type="text/css" title="rocket-jqueryui" />  

<!--Wijmo Widgets CSS-->  
<link href="http://cdn.wijmo.com/jquery.wijmo-pro.all.3.20131.1.min.css" rel="stylesheet" type="text/css" />  

<!--Wijmo Widgets JavaScript-->  
<script src="http://cdn.wijmo.com/jquery.wijmo-open.all.3.20131.1.min.js" type="text/javascript"></script>  
<script src="http://cdn.wijmo.com/jquery.wijmo-pro.all.3.20131.1.min.js" type="text/javascript"></script>


We are also introducing a new spreadsheet control, part of Wijmo Enterprise, called SpreadJS. This control uses HTML5 Canvas to render Excel-like spreadsheets. This control comes from a long line of Spread components so it has inherited years of experience in other platforms. We are excited to now offer this as a JavaScript widget. You can reference SpreadJS from our CDN and use the widget like so.

<!--jQuery References-->  
<script src="http://code.jquery.com/jquery-1.8.2.min.js" type="text/javascript"></script>  
<script src="http://code.jquery.com/ui/1.9.1/jquery-ui.min.js" type="text/javascript"></script>  

<link href="http://cdn.wijmo.com/themes/aristo/jquery-wijmo.css" rel="stylesheet" type="text/css" />  

<!--SpreadJS Widgets JavaScript-->  
<script src="http://cdn.wijmo.com/spreadjs/jquery.wijmo.wijspread.all.1.20131.1.min.js" type="text/javascript"></script>  

<!--SpreadJS Widgets CSS-->  
<link href="http://cdn.wijmo.com/spreadjs/jquery.wijmo.wijspread.1.20131.1.css" rel="stylesheet" type="text/css" />

Take a look at introduction, online samples or read the docs for more information.

New jQuery Mobile AppView Widget

Responsive Web Design is a great way of building websites, but what about mobile web applications? We love jQuery Mobile and wanted to make it even easier to build responsive applications with it. AppView is an all-in-one widget for mobile applications. It has built-in navigation, ajax-loaded content and a responsive layout system. AppView is ideal for building a single application that works on both phones and tablets while optimizing screen real estate. Let's look at an example of how AppView works. Using really simple markup, we can create this application with navigation and layout. The markup requires a header, content, and menu like so.

<div data-role="page" data-theme="b">  
<div data-role="wijappview">  
<div data-role="appviewpage">  
<div data-role="header" data-position="fixed">  
<div data-role="content">  
Default content, not displayed on a small screen.  
<div data-role="menu" class="ui-body-a">  
<ul data-role="wijlistview" data-theme="a">  
<li><a href="nuncTincidunt.html">Nunc tincidunt</a></li>  
<li><a href="proinDolor.html">Proin dolor</a></li>  
<li><a href="aeneanLacinia.html">Aenean lacinia</a></li>  

On an tablet the AppView will result in a multi-column layout with an always visible menu. Meanwhile, on a phone, the AppView will have a single-column layout and automatically add the back button for navigating back to the main menu. AppView is a powerful tool for creating responsive mobile applications. It makes responsive layout in jQuery Mobile easy. Take a look at a live demo of AppView, or read more about it in our docs.

jQuery Mobile ListView

Our philosophy is to embrace community standards instead of replace them. So we chose to extend jQuery Mobile instead of writing our own mobile framework. We literally extended jQuery Mobile ListView. In this release you will find it identical to the jQuery Mobile API, but we will be adding features soon. We chose to extend it and use it internally (our AppView widget uses it heavily) so that when we add these features we will not cause breaking changes moving forward. If you haven't used it yet, jQuery Mobile's ListView is an outstanding widget for mobile development. Here is what it looks like in action.

Wijmo Data API

Wijmo Data is a very light DataView API that is easily extended with Adapters. We originally wrote a very robust Data API, but decided to scale back our own library and instead integrate popular libraries. This release features our own Breeze Data Adapter that makes using Breeze with wijmo quite seamless. BreezeJS is becoming an industry standard, and our philosophy is to embrace and integrate with standards. By doing so, we can keep wijmo lightweight and you can choose the frameworks you want to work with. We are also providing an Ajax Data Adapter with JSONP support and an Array Data Adapter for working with local JavaScript arrays of data. DataView also supports Knockout and can output an Observable Array from any data set. Take a look at our new Wijmo Data samples online or read the docs.

jQuery Version Updated

We have updated to officially support jQuery 1.9 and jQuery UI 1.10 in Wijmo 2013v1. Now you can use the latest versions of jQuery and jQuery UI with Wijmo. Note, however, that our jQuery Mobile support is at 1.2 and it required jQuery 1.8.2.

Go Get It!

Download Wijmo 2013v1 and explore the new mobile widgets.

Chris Bannon

Global Product Manager of Wijmo
comments powered by Disqus