We’re very pleased to announce the release of SmartGWT.mobile^beta, our long-awaited mobile framework based on the Google Web Toolkit (GWT). It contains a complete set of visual widgets and data binding services created for building mobile applications.

SmartGWT.mobile is designed primarily for building extremely lightweight applications for smartphones.  Through advanced use of HTML5 and CSS3, SmartGWT.mobile applications look and feel exactly like native mobile applications, but use almost no images, resulting in a minimal download size. SmartGWT.mobile also makes use of GWT’s ability to trim the delivered size of an application to just the components the application actually uses, resulting in smaller downloads and minimum resource requirements.

SmartGWT.mobile and Smart GWT use the same server technology.  DataSources and server business logic defined in either technology can be immediately reused with the other, with no new coding required.  Like Smart GWT, SmartGWT.mobile can also be integrated with third-party server technologies via REST services.

The UI components of SmartGWT.mobile have the same Java API as Smart GWT’s UI components, resulting in quicker learning as well as both conceptual and code re-use between your desktop, tablet and mobile applications.

Why use SmartGWT.mobile?

• Ease of Development

  Use Java and Eclipse to write mobile applications

  SmartGWT.mobile is based on GWT, which means you can write your application in Java using Eclipse, even using step-through debugging to troubleshoot.  You never have to learn the idiosyncrasies of HTML and JavaScript behavior on different devices because that’s handled by the framework – just write Java.

• Single Codebase

  Works across multiple devices, web or installed

  SmartGWT.mobile lets you deliver to a variety of smartphones devices from a single codebase, instead of using 4-5 different sets of tools and technologies to build mobile apps for each major platform.

  SmartGWT.mobile applications can also be packaged with technologies such as PhoneGap or Titanium to create installable native applications that have access to on-device resources such as a user’s address book or photos.

• Native Look and Feel

  Through advanced use of CSS3 and HTML5 techniques, SmartGWT.mobile applications look and feel exactly like native mobile applications, even replicating smooth 3D animations and screen transitions.

  SmartGWT.mobile comes with multiple skins that replicate the native look and feel of different devices, and also allow you to “tint” the skins to achieve a unique look that still feels like a native app.

• Minimum Application Size

  Mobile applications need to be as lightweight as possible in order to download quickly and run smoothly on smartphone devices.

  Advanced use of CSS3 techniques means your application has an extremely rich look and feel, yet uses almost no images, making it download much faster and feel more responsive.

  Using GWT means that your application only downloads the specific widgets and features you actually use, automatically handling an important optimization process you would otherwise have to perform by hand.

• Deep server framework

  Shared for desktop and mobile

  SmartGWT.mobile provides instant integration with the Smart GWT Server Framework, a powerful and mature framework for simplifying the development of the server side of Java web applications.

  By leveraging a common server framework and client data services architecture, data services you create for the desktop version of your application are immediately accessible in the mobile version, and vice versa.

Screenshots

SmartGWT.mobile Screenshots

Getting Started

The Showcase included in the SmartGWT.mobile SDK is available at the URL below.  Please note that SmartGWT.mobile supports mobile browsers only – certain non-mobile browsers are intended to be used for testing purposes (see details in user_guide.txt) but it is expected, for example, that IE8 will not work at all.

http://smartgwt-mobile.smartclient.com/

During the beta period, you can download the SmartGWT.mobile SDK here:

http://smartgwt-mobile.smartclient.com/downloads/smartgwt-mobile-1.0.zip

Please start by reading user_guide.txt, which covers installation & usage as well as explaining when to use Smart GWT vs. SmartGWT.mobile.

Both the public showcase and downloadable SDK will be periodically refreshed during the beta period.  See the release_notes.html file in the .zip for changes.

Licensing

SmartGWT.mobile is being released under the GNU Lesser General Public License (LGPL), the same license as Smart GWT LGPL.

Source code will be available in this SmartGWT.mobile Google Code project:

http://code.google.com/p/smartgwt-mobile/

But we’re not done yet.  There is also no Maven support, and there are many improvements we plan to add over the coming months. As always, please send us any bug reports or feedback in the Forums.

Download SmartGWT.mobile to get started using our new features today!

Enjoy!

The Isomorphic Team

So, without further ado, here are the new features committed for Smart GWT 3.1 / SmartClient 8.3 that are coming soon.

New features

• Improved HTML5 Charts

• Printing with PDF export for all desktop browsers (except IE8 and earlier).
• Automatic handling of negative and discontinuous values (gaps in lines).
• New ‘skinning’ APIs to enhance control over fonts, colors, shadows and more.

Improved HTML5 Charts

• Cell-Level Selection

  the ListGrid now supports cell-level selection by setting canSelectCells:true. Click and drag to highlight blocks of cells, and select or deselect individual cells in the grid.

  

  Cell-Level Selection in Listgrid

• Gauge Widget

  Speedometer-like display with configurable sectors, tick marks, labels, needle position and colors based on the Drawing module.

  

  Gauge Widget

• Excel Copy and Paste

  Copy and paste tabular data between Grids and Excel (or similar spreadsheet applications). Grid to Excel, Grid to Grid, and Excel to Grid copy and paste are all supported.

  

  Excel Copy and Paste

• Timeline

  a Calendar widget for visualizing schedules, assigning tasks, or other horizontal displays of time-based information. Timeline supports drag to move or re-size events, hover for more detail, and editing by clicking events in the timeline.

  

  Timeline

• Component XML improvements & Documentation

  Component XML allows you to define screens or parts of screens in XML, including on-the-fly loading from dynamic storage such as a database.  Smart GWT 3.1 / SmartClient 8.3 also offers simplified APIs and more comprehensive documentation.

  

  Component XML Improvements

• More Powerful SimpleTypes

  SimpleTypes previously allowed you to define a reusable atomic field type such as a zipCode or emailAddress.  New in 3.1/8.3, the SimpleType API can now define custom sorting and filtering behaviors, and the underlying stored value can be a custom object rather than just an atomic type such as String.

• Simplified Localization for Server-Based DataSources (.ds.xml files)

  Directly configure localized field titles and error messages in your .ds.xml file. This is an improvement over the previous process that involved treating .ds.xml files as .jsps.

Coming soon

In addition, here is another new feature just on the horizon that is committed for a future release of Smart GWT 3.x/SmartClient 8.x:

• RTL Support

  RTL stands for “right-to-left” and is a key component when delivering an application in a language such as Hebrew or Arabic. RTL mode will horizontally flip the content layouts and ordering so that layouts reverse stacking order and show scrollbars to the left of every window. Astute users may have noticed that nightly development builds already have greatly improved RTL support. Official RTL support will be announced later this year.

Previously announced

• CSS3 skins

  Existing skins have been upgraded with a ‘CSS3 mode’. CSS3 skins have the same look and feel as current skins on modern browsers, but use radically less media, have a simpler Document Object Model (DOM) for faster rendering, and are easier to modify.

• Server Script Blocks

  Embed code snippets directly in .ds.xml files for server-side business logic. Use Java or any other language that can run in a Java Virtual Machine (JVM); including Groovy, server-side JavaScript, Python, Ruby, Scala and Clojure.

• *Workflow System

  Loadable XML workflow definitions that can handle multiple steps of user interaction and server contact, making multi-step wizards entirely declarative (*This feature is committed for inclusion in SmartClient only).

Although many of these features are functional now, if you’d like to begin working with them we recommend signing up for a Jump Start program. As always, please send us any bug reports or feedback in the Forums. Please be clear about what product and version you’re using when reporting issues.

These features are nearly complete and can be evaluated now in our Smart GWT 3.x and SmartClient 8.x nightly builds complete with samples and documentation. Download Smart GWT 3.x or SmartClient 8.x to get started using our new features today!

A Note for Smart GWT customers with 2.x Licenses

Smart GWT 3.x is a paid upgrade for Smart GWT 2.x license holders, and upgrade prices are based upon the date of your previous purchase. If you bought recently you may be eligible for a discount. Get access to the entire 3.x series by upgrading now! For a quote, please contact sales.

Enjoy!

The Isomorphic Team

Due to popular demand, we’ve extended the Smart GWT 3.0 / SmartClient 8.2 release sale until Friday, January 20^th, 2012. This is the last chance to get all the new features of Smart GWT 3.0 and SmartClient 8.2 at the discounted price. Buy now at 30% off to lock in your savings today!

If you are upgrading from a previous version, we’ll stack the 30% discount on top of the discount you receive for owning a qualifying older license. Contact sales for an upgrade quote.

More Reasons to Buy

• Get Upgrades or New Licenses for both your existing team and future hires. Licenses are perpetual, so why wait?  Buy now.

• Get Optional Modules for Analytics or Real-time Messaging at the 30% off sale price until January 20th. Analytics provides specialized components for viewing, navigating and editing very large, multi-dimensional data sets. Messaging provides real-time data delivery via HTTP streaming (aka “Comet”) for monitoring, command & control, trading desk and real-time collaboration applications involving time-sensitive, continuously updated data. Request a quote.

• Get Support for next year.  You’ll get unlimited access to our expertise to help solve problems, and there’s no commitment to renew the following year for any of our Support Plans.

• Setup Training for recent team members or for new teams that may use Isomorphic products in 2012. Rather than give you a cookie cutter program, we work with you to build a Training curriculum that’s customized to your needs.

• Sponsor a Feature you’ve always wished for with Feature Sponsorship. Isomorphic can deliver enhancements that meet your specific requirements and deadlines.

• Fast track a new project by having an Isomorphic consultant build the first few screens of your application with our Jump Start program.

• Get Consulting Help.  Take advantage of our turnkey application delivery services for projects that have to be done right and done right now.  Or, add an Isomorphic engineer to your team, full time or part time, via our Embedded Developer Program.

Here’s what’s new and improved in Smart GWT 3.0 and SmartClient 8.2.

New Features

• Drawing:  Create cross-browser, mobile-enabled graphics in your applications with our general-purpose vector graphics library. Works everywhere with no plug-ins required.

• Charts move to Pro:  HTML Charts with mobile support have been moved from the Power Edition + Analytics to the Pro Edition to make this popular feature available to more of our users.

• Automatic Joins:  Include fields with a single property from another SQL, JPA or Hibernate DataSource using an efficient SQL join, just by setting a single property.

• Field-Level Declarative Security: Restrict access privileges by role to ensure granular security at a per-field level. A single declaration drives both server enforcement and client-side UI behavior.

• PDF Export:  Easily export and share any printable components as a Portable Document Format (.PDF) file.

• Client-side Tree Filtering:  Tree components have been upgraded to minimize expensive server round trips for more responsive searches.

Here’s what’s coming in future 3.x and 8.x releases. Buy now and these features are yours as soon as they’re released!

Coming Soon

• CSS3 skins:  Upgraded CSS3 skins are easier to modify, use radically less media, and render faster in modern browsers.

• Server Script Blocks: Embed code snippets directly in .ds.xml files for server-side business logic.

• *Workflow System: Loadable XML workflow definitions that can handle multiple steps of user interaction and server contact to make multi-step wizards entirely declarative (*SmartClient only).

You can learn more about what’s new in Smart GWT 3.0 and SmartClient 8.2 in the Feature Roadmap. Download the new releases today!

Happy New Year!

The Isomorphic Team

Feature List

• Drawing Module
• Automatic Joins
• Client-side Tree Filtering
• Field-Level Declarative Security
• PDF Export
• Charts move to Pro

Coming Soon

• CSS3 skins
• Server Script Blocks
• Workflow System (*SmartClient only)

Download the new releases today!

Enjoy,

The Isomorphic Team

The Declarative Security system allows you to declare security rules directly in your DataSources using XML attributes. While previous releases allowed for control of individual DataSource operations, Field-Level Declarative Security (coming soon in Smart GWT 3.0 and SmartClient 8.2) will enable role-based access control to specific operations on fields. This allows restriction of access privileges by role to ensure granular security at a per-field level. View, search, initialize or update DataSource fields requiring specific roles with automatic consequences in the UI.

How does it work?

To attach role requirements to a DataSource, DataSourceField, or individual OperationBinding, just add a requiresRole attribute as a comma-separated list. If the current user is assigned one of the authorized roles, they are permitted to invoke the operation. These rules are evaluated as the DataSource is loaded, so that at the field-level:

• If a user is not allowed to see a field, that field is omitted entirely from the DataSource definition, and automatically omitted from data delivered to that client
• If a user is not allowed to edit a field, that field is shown as read-only by all DataBoundComponents that support editing, and any attempt to modify the field will be rejected automatically by the server

This will allow you to quickly and declaratively address use cases such as fields that can only be set when a record is created and can only be changed by an administrator going forward.

The current user’s roles are determined by calling the standard Java servlets method httpServletRequest.isUserInRole(). As a result, this API works automatically with both J2EE and JAAS security systems with no setup – just start adding requiresRole attributes. This API can also be easily adapted to work with any security framework by calling RPCManager.setUserRoles() before requests are processed which is typically done as a subclass of the built-in IDACall servlet.

For more information, please see our Quick Start Guides (Smart GWT, SmartClient) or the reference docs.

Featured Use Cases

• Switch fields to read-only, or disable search based upon a user’s role.

• Create a “super user” role with access to all operations regardless of the requiresRole settings. This can be set with authentication.superuserRole in the server.properties file (see reference docs).

• Create an “admin” role that can see deleted records by combining Declarative Security with variations on core operations via Operation Bindings (see Quick Start Guides for example code).

• Restrict public access using the requiresAuthentication attribute to determine if a user must be authenticated in order to access a DataSource or Operation Binding.

• Configure a capability security system by using capability names (i.e. “canEditAccounts”) instead role names (i.e. “manager”) in the requiresRole attribute, and use RPCManager.setUserRoles() to provide the current user’s list of capabilities.

To get started even faster, we’ve also created a pre-built administration console and login process available as a preview in the Enterprise edition. Take advantage of our Jump Start program for training and starter code to begin using this functionality today!

Pre-requisites

• Field-level Declarative Security will be available in the Pro and above editions of Smart GWT 3.0 and SmartClient 8.2 (coming soon).

• Note to existing Smart GWT 2.x Users: 3.x will be a paid upgrade for 2.x license holders. If you just bought a 2.x Smart GWT license, don’t worry, upgrade costs are based on how recently you bought. If you bought very recently, you’ll get access to the entire 3.x series for a fraction of the license price. In addition, our upcoming release sale will stack a 30% discount is on top of the discount you receive for owning a 2.x license. For a quote please contact sales.

We’re pleased to announce that Smart GWT 3.0 and SmartClient 8.2 will be available for download in just a few weeks. In celebration of the 3.0/8.2 release, you will be able to purchase new licenses or upgrade existing licenses at 30% off until the end of the year Friday, January 20^th, 2012. Learn more about what’s new in the Feature Roadmap.

Charts move to Pro

We’re changing the licensing requirements in 3.0/8.2 to make HTML5 Charts available to more of our users. The FacetChart component used to require the Power Edition + Analytics module, but will now only require the Pro Edition starting with Smart GWT 3.0 and SmartClient 8.2. Get high-quality charts pre-integrated with Smart GWT components that don’t require plug-ins while supporting both older and mobile browsers. You’ll be paying an amount comparable to purchasing third-party charting packages plus you get all the other advantages of Pro. You can learn more about the FacetChart in our article HTML Charts with mobile support.

If you’re a long-time user of the LGPL Edition, please note that as soon as you install Pro you immediately gain the ability to export any grid as an Excel spreadsheet and export any printable screen as a PDF document without revisiting your data binding layer.

• Export any grid to an Excel spreadsheet with exportClientData()
• Export to a PDF document with RPCManager.exportContent()

So if you’ve been debating the purchase of Pro or a higher license, this is the time to jump in and help support the awesome open source framework you’ve been using. Please visit our Product Overview page for more information about our editions.

A Note for Smart GWT customers with 2.x Licenses

3.x will be a paid upgrade for 2.x license holders. If you just bought a 2.x Smart GWT license, don’t worry, upgrade costs are based on how recently you bought. If you bought very recently, you’ll get access to the entire 3.x series for a fraction of the license price. In addition, this 30% discount is on top of the discount you receive for owning a 2.x license. For a quote please contact sales.

30% Sale Pricing

*Starting on release day, ending on 12/31/2011.

For more information on licensing options, please see the Product & Licensing FAQ.

Several of these features are available in nightly builds now, with documentation and samples – see below for details on how to download and where to look.  These features will be incorporated into Smart GWT 3.0 and SmartClient 8.2, which are currently scheduled for Q4 this year.

Note that these features are just the committed features for 3.x and 8.x – we will be announcing yet more features, and bear in mind it is always possible to influence the roadmap through Feature Sponsorship.

So here’s what’s coming:

New Features

• Drawing:  Create cross-browser, mobile-enabled graphics in your applications with our general-purpose vector graphics library. Works everywhere with no plug-ins required. For more information, see our previous feature announcement on Drawing Cross Browser Vector Graphics.

• Automatic Joins:  Include fields from another DataSource with a single property on a DataSource field causing an efficient SQL join to be used. Supported for SQL, JPA and Hibernate DataSources.

• CSS3 skins:  Existing skins have been upgraded with a ‘CSS3 mode’. CSS3 skins have the same look and feel as current skins on modern browsers, but use radically less media, have a simpler Document Object Model (DOM) for faster rendering, and are easier to modify.

• Client-side Tree Filtering:  Tree components have been upgraded to perform client-side, tree-oriented filtering. Similar to Adaptive Filtering for grids, client-side filtering minimizes expensive server round trips for more responsive searches.

• Field-Level Declarative Security:  Declare that viewing, searching, initializing or updating DataSource fields require specific roles with automatic consequences in the UI. In previous releases you could control access to individual DataSource operations, and now you can control access to specific operations on fields. This enables you to limit access privileges by role to ensure granular security at the field-level.

• Server Script Blocks: Embed code snippets directly in .ds.xml files for server-side business logic. Use Java or any other language that can run in a Java Virtual Machine (JVM): including Groovy, server-side JavaScript, Python, Ruby, Scala and Clojure.

• PDF Export:  Easily export and share any set of printable components as a Portable Document Format (.PDF) file.

• *Workflow System: Loadable XML workflow definitions that can handle multiple steps of user interaction and server contact, making multi-step wizards entirely declarative (*This feature is committed for inclusion in SmartClient only for now).

• HTML5 Charts with mobile support (Licensing):  In the coming weeks, we will be changing the licensing requirements to make this popular feature available to more of our users. To learn more about Charts, see our previous post on HTML5 Charts with mobile support.

Many of these features are nearly complete and can be evaluated now in our Smart GWT 3.x and SmartClient 8.x nightly builds. For example:

• Drawing has samples:
  • shapeGallery
  • rotation
  • zoomAndPan
  • linesAndArrowheads
  • gradients

• Automatic Joins have samples:
  • includeFrom
  • includeFromDynamic.

• Client-side Tree Filtering behavior is covered in the reference docs:
  • TreeGrid.fetchData()
  • Tree.getFilteredTree()

• Field-Level Declarative Security has several interlinked documents in the reference docs.
  • viewRequiresRole links to all the other properties.
  • DataSource.viewRequiresRole is a good starting point.

Although many of the other features are functional, for now if you’d like to begin working with them we recommend signing up for a Jump Start program. As always, please send us any bug reports or feedback in the Forums. Please be clear about which product and version you are using when reporting problems. Download Smart GWT 3.x or SmartClient 8.x to get started using these new features today!

A Note for Smart GWT customers with 2.x Licenses

3.x will be a paid upgrade for 2.x license holders. If you just bought a 2.x Smart GWT license, don’t worry, upgrade costs are based on how recently you bought.  If you bought very recently, you can get access to the entire 3.x series for a fraction of the license price. For a quote please contact sales.

How do I draw in the browser?

If you’ve ever wanted to draw and modify non-rectilinear, browser-native shapes in your web applications, then our new Drawing Module was designed with you in mind. Create, manipulate, and edit arbitrary shapes and styles within your applications without the hassle of cross-browser incompatibility. The Drawing Module allows easy creation of interactive diagrams, flowcharts, custom charts or other data visualizations and interfaces.  This new cross-browser vector graphics package and more are coming soon in Smart GWT 3.0 and SmartClient 8.2.

Works everywhere. No plug-ins required.

We’ve used native browser drawing capabilities to provide a consistent interface requiring no plug-ins or third party software when using commonly used browsers. As with our HTML5 charting feature, the Drawing module utilizes Scalable Vector Graphics (SVG) or <canvas> in modern browsers, and Vector Markup Language (VML) in Internet Explorer 6-8 to ensure cross-platform compatibility.  In addition, the Drawing Module works in mobile WebKit for integrated mobile device support (iOS and Android). The result is a flexible vector graphics library that works everywhere you need it.

Drawing Preview (in the online Feature Explorer)

Features

• Drawing of shapes such as Line, LinePath, Path, Rectangle, Oval, Triangle, Curve, and Sector.
• Rotation of shapes and panes to alter the perspective and orientation of shapes.
• Zoom and Pan to re-size and move shapes to scale.
• Customize Line cap styles, format, and colors using Line Width, Line Style, and Line Cap Style.
• Customize Fill opacity, format, and colors using Simple, directional Linear, or Radial color gradients.
• Drag and Drop support allows users to easily move and manipulate shapes as desired.
• Interoperability with other Smart GWT and SmartClient components. It just ‘works’.

In today’s discussion we’ll show examples of shapes, rotation, zoom and pan, and line and fill customizations.

• Drawing of shapes: [shapeGallery.js]. Below is a gallery of shapes that are instantly available.

Shape Gallery

• Rotation of shapes and panes: [rotation.js]. Rotate individual shapes or if needed the entire field of view.

Rotation examples

• Zoom and Pan: [zoomAndPan.js]. Shrink and expand the scale of selected shapes.

Zoom and Pan examples

• Customize Line: [linesAndArrowheads.js]. Modify cap styles (round, square, or butt), line styles (solid, dot, dash, short dot, short dash, or long dash), and line widths.

Custom line examples

• Customize Fill: [simpleGradient.js, linearGradient.js, and radialGradient.js] Modify opacity, gradient, format, and color palette to match your exact design aesthetic.

Custom Fill examples

Interactive Examples

To get a sneak preview of these new features, a basic example can be found in the online Feature Explorer’s Drawing Preview.  Detailed examples and code are available for download in the Smart GWT 3.x nightly build and SmartClient 8.x nightly build.

• Drawing Preview in the online Feature Explorer (basic example, no download required)
• Download Smart GWT LGPL Edition (3.x Nightly)
• Download SmartClient Full-Featured Evaluation (8.x Nightly)

Pre-requisites

• Smart GWT 3.0 (coming soon) or SmartClient 8.2 (coming soon)
• Note to existing Smart GWT 2.x Users: 3.x will be a paid upgrade for 2.x license holders. Upgrade costs may vary according to which version of Smart GWT 2.x is currently under license. For a quote please contact sales.
• The Drawing Module is already deployed with select clients. To begin using this functionality now, take advantage of our Jump Start program for training and starter code.

Download Smart GWT or SmartClient to get started using our Drawing Module today!

The CubeGrid is a high-end data analysis engine that wraps OLAP cube functionality into a single interactive grid component for fast access to multidimensional data and calculations. The CubeGrid enables you to view, analyze, and extract data using any standard data source from multiple perspectives.  They are typically used as front-ends for business intelligence, analytics and reporting applications to empower your teams to generate powerful reports, identify key patterns and trends, and plan ahead using real-time data.

The CubeGrid allow users to perform sophisticated analysis of very large data sets to rapidly answer multidimensional analytical (MDA) queries. Cubes allow the user to re-organize or re-orient the way information is viewed on the fly. Effortlessly slice, dice, drill in and out, roll-up, and pivot data according to your needs.

Components such as the CubeGrid are often called crosstabs for their cross-tabular display of data dimensions in nested rows and columns. They are also called pivot tables for their ability to ‘pivot’ dimensions between rows and columns to view a data cube from different perspectives. Please see below for an explanation of the terminology associated with our CubeGrid component, or read the documentation for more details.

Terminology

The CubeGrid refers to the dimensions of a data cube as facets, the possible values in each facet as facet values, and the values within the data cube as data values or cell values. Equivalent terms that are commonly used in data warehousing or business intelligence systems include:

• facet: dimension, attribute, feature
• facet values: dimension member, attribute value, feature value
• cell value: data value, metric value, measure

What is a facet / dimension?

By facet we mean an aspect of data that is independent of other aspects of data so that combining values from any two facets makes sense. For example:

• Two facets that are independent are ‘quarter’ and ‘region’. It makes sense to combine any quarter and region. i.e. First quarter sales for the West region.
• Two facets that are NOT independent are ‘city’ and ‘state’. It’s doesn’t make sense to combine any city and state. i.e. San Francisco and Florida. In this case, a tree facet [getIsTree] that combines ‘city’ and ‘state’ values would be appropriate.

Features

• Add and Remove facets on the fly.
• Expand or Collapse within facets and across facets.
• Drag-and-Drop re-arrangement and pivoting of facets.
• Interactive Operations such as select, resize, reorder, minimize, maximize, or auto-fit of columns.
• HTML5 Charts with mobile support for instant graphical analysis.
• Frozen Headers constrain scrolling to one axis (row headers only scroll vertically, while column headers only scroll horizontally) so that values for the visible cells are always displayed.
• Load-on-Demand system only loads visible data.
• Works with Standard ISC data sources.

In today’s discussion we’ll cover adding facets, removing facets, moving facets, and HTML Charts. If you’d like to follow along, please see our Interactive Analytics example.

• Add Facet: [underlying API is ‘addFacet’]. Facets can be added to the view, exposing more detail, by dragging the menu buttons directly onto the grid, or into the ‘Row Facets’ and ‘Column Facets’ listings.

How to Add a Facet: Before

How to Add a Facet: After

• Remove Facet: [underlying API is ‘removeFacet’]. Facets can be removed from the view by using the menus to set a facet to a fixed value. For example, use the ‘Regions’ menu to show just data from the West: ‘Regions -> Fix Regions Value -> All Regions -> West’.

How to Remove a Facet: Before

How to Remove a Facet: After

• Move Facet: [underlying API is ‘moveFacet’]. Facets can be moved or rearranged by:
  1. Drag-and-drop of a facet label directly on the grid,
  2. Toggling the contextual menus from [in columns] to [in rows] (or vice versa).
  3. Drag-and-drop of a ‘Row facet’ or ‘Column facet’ in the corresponding menus.  Please note that you can stack facets in any preferred alignment on either axis (i.e. in the example below I can move the ‘Region’ facet from rows to columns either above or below the ‘Time’ facet).

How to Move a Facet: Before

How to Move a Facet: After

• HTML5 Charts can be instantly created with a right-click of any cell value, row header, or column header. This allows you to plot how each cell value may vary across any two facets (i.e. Sales of ‘Storage/Accessories’ by ‘Time’ and ‘Region’ in the example below).

How to Create an HTML5 Chart: Before

In addition, a right-click on the resulting chart enables further customization including pivoting, selection of chart type, fill, and stack.  For further details, please read our post on HTML5 Charts with mobile support.

How to Create an HTML5 Chart: After

Interactive Examples

• Basic CubeGrid for SmartClient
• Basic CubeGrid for SmartGWT
• Advanced CubeGrid for SmartClient
• Advanced CubeGrid for SmartGWT

Pre-requisites

• The CubeGrid component requires the Power Edition with our optional Analytics Module.

Other topics such as data binding and load-on-demand will be covered in future posts. Stay tuned. Download the Smart GWT or SmartClient Evaluation to get started using our advanced analytics today.

Enjoy!

The Isomorphic Team

http://wiki.smartclient.com/

Our new wiki is part of an ongoing effort to bring our developer community the best, most relevant content possible for creating applications on the SmartClient and Smart GWT platforms.

Here you’ll find developers from around the world writing about what they’re working on. You’ve got developers and product experts highlighting the latest and greatest. They’re here to collaborate and share best practices so you can get the most out of our products. We’ve also added several articles pointing to popular forums threads along with entirely new content.

This service has been created as a resource for you, the developers, so please let us know if you have suggestions or feedback in the Forums.  We’re just getting started with our community resources, but we’re excited about what we have and what’s in store.

Enjoy!

The Isomorphic Team

How to Join

Commenting does not require sign-up, but if if you would like to contribute or edit content please create an account:

http://wiki.smartclient.com/signup.action/

You can also click the Sign Up link on the wiki. To learn more about the wiki and how it works, please click the “Welcome Screen” link located at the top right hand corner of the page.

Benefits

The new wiki will allow you to:

• Create new pages that will be useful resources for all. Addition of new examples, documentation, setup procedures, and other vital information will get you noticed while helping out the entire community. Every user has a voice and everyone’s contribution is seen, heard, and can be commented upon.

• Spread the word by adding links on the wiki to resources you find helpful. Post links when you find a thoughtful forum thread, blog post, or other items of interest so you and others can refer to it later.

When adding new content, please:

• Show your respect for other contributors by carefully placing pages and links to your content according to who might be interested.

• Visit the Forums when reporting bugs, making feature requests, or asking questions.

Wiki Site Map

• Getting Started
  • SmartClient
    • SmartClient Quick Start Guide
    • SmartClient Showcase
    • SmartClient Nightly Builds
    • Smart GWT
      • Smart GWT Quick Start Guide
      • Smart GWT Showcase
      • Smart GWT EE Showcase
      • Frequently Asked Questions
      • Smart GWT Nightly Builds
• Third Party Integration
  • Google App Engine
  • Setting up Relogin with Spring Security
  • Smart GWT and Google Maps
  • UIBinder
  • Using FCKEditor with Smart GWT
  • Working with Adobe AIR
  • Using SmartClient and Smart GWT with Amazon Web Services
  • ADF Integration
  • MDX, XMLA, OLAP4J & Pentaho Mondrian or Jasper Reports with CubeGrid
• Workarounds
  • SQL Server and columns with spaces
• Miscellaneous
• About this Wiki
  • How to use this Wiki
  • Wiki Guidance and Terms of Use
• Setup Guides
• Translations