Demo

Demos

Struts Logon demo

Struts Logon demoThis Logon application demonstrates two basic ways to Ajaxify your Struts Application. The Welcome page is altered in order to demonstrate how to mix Backbase AJAX controls and commands with Struts tags in order to achieve a richer User Interface. The Logon page ("Sign in" link above) introduces the concept of progressive enhancement and demonstrates that you can achieve the same with practically zero changes to your old Struts/JSP page.

View demo


Struts JPetStore

Struts JPetStoreBackbase demonstrates how to use the Struts Connector tag library in an existing application in order transform its Multiple Pages Interface interaction to Ajax Single Page Interface. For this demo we use the well known jpetstore application where we enhance the user experience.

View demo


Redesigned Struts JPetStore

Struts JPetStoreThis demo is based on the same Pet Store back-end as the previous demo, but does not look like the original pet store anymore: the User Experience has been completely redesigned.

View demo


Demos

Ajaxified Duke's Book Store

Ajaxified Duke's Bookstore The Duke's book store demo is a JSF example application that shows how to build a rich front end on the Amazon.com bookstore, using web services. The user experience is similar to iTunes, and is certainly different from other online bookstores. For a multimedia presentation, please visit our Javalobby Expert Presentation, or click here for a live demo.

View demo    Download (WAR)


Sample Application Layouts (JSP)

Sample Layouts Application Layouts (JSP)The sample layouts are JSF Edition example applications (using JSP as the view technology) that demonstrate best design practice when using Backbase technologies.

View demo    Download (WAR)


Sample Application Layouts (Facelets)

Sample Layouts Application Layouts (Facelets)The sample layouts are JSF Edition example applications (using Facelets as the view technology) that demonstrate best design practice when using Backbase technologies.

View demo    Download (WAR)


Forms demo

Forms demoThis demo shows how to implement a forms application using the JSF Edition. The user can fill in values on fields in a step-by-step wizard. Client side validation is demonstrated. This example also shows how i18n is implemented in an SPI scenario.

View demo    Download (WAR)


Chat

Chat
Chat application implemented with Backbase JSF Edition. This example shows how to integrate with DWR for the Push operation.

View demo    Download (WAR)


Demos

Backbase Explorer

Backbase Explorer This is the Backbase Explorer for Backbase Enterprise Ajax 4, which is the new version of the Backbase software. It is compatible with IE, Firefox, Netscape, Safari, and Opera.

View demo    Download (ZIP)


Sample Application Layouts

LookOut The Sample Application Layouts provide practical examples of how Backbase widgets can be combined to achieve a selection of common page layouts.

View demo    Download (ZIP)


Progressive Enhancement Demo

Rich Forms The Progressive Enhancement demo uses importHTML technology to demonstrate how easy it is to convert any existing plain HTML web site into a beautiful Rich Internet Application with minimal change.

View demo    Download (ZIP)


Rich Forms Demo

Rich Forms Backbase supports the W3C's XSchema, the standard for form field validation. This demo shows a very extensive form containing a variety of fields.

View demo    Download (ZIP)


Coexistence Demos

Coexistence Demo One of the great advantages of Backbase is that it easily integrates with Third-Party widgets. All demos include live examples of the integration, and they highlight the compatibility of the Backbase Ajax Development Framework with a selection of Third-Party widgets and technologies.

View demos    Read example pages


Adding a Shadow to the Backbase Window Widget

This is a simple example that shows how to extend a standard "out of box" window widget and implement nice looking shadow. This article contains step-by-step instructions for how to use this 'shadow window' in your own Backbase projects, for both the Chameleon and the System skin. This is a screen capture of the widgets:

windows with shadow

Backbase Presentation + Demos at AjaxWorld (SYS-CON.TV)

Speaking at AJAXWorld in Santa Clara, CA, last September, Jouk Pleiter and Richard Kernahan from Backbase give an update and demo's on Backbase's Enterprise Ajax platform and the new Backbase Rich Applications.

SYS_CON.TV:

http://www2.sys-con.com/webinararchive.cfm?pid=wc_aw7w_d2_s7_t1_backbase...

If you want to learn more about "the big picture" this might be a useful video (40 minutes)

Formatting columns in a listGrid

The enhanced listGrid in 4.1 has some powerful features like the ability to intelligently format columns of data. For example, you may want to highlight high values in green and low values in red. You can now do that easily just be adding a dataFormatter.

Preview of project Telamon, the Backbase Visual Ajax Builder

Coming Soon !

Telamon is the only WYSIWYG Integrated Development Environment (IDE) specifically designed for Rapid Application Development of Ajax based applications. It uniquely allows you to make changes to your code while browsing through the pages.

image

Read more on Telamon page.

Coexistence and Third-Party Widgets Demos

One of the great advantages of Backbase is that it integrates with Third-Party Widgets. In this page we list the available demos. All these demos include live examples of the integration.

This section highlights the compatibility of the Backbase AJAX Development Framework with a selection of Third-Party technologies. Click on a link below to launch the corresponding example in a new window.

FusionCharts for Backbase

It is now possible to use any of the high-quality Fusion Charts within a Backbase application, and doing so has never been easier.

First, add the Labs namespace to your page. This widget was developed in the Backbase Labs, and these widgets have the prefix l: by default (that's a lower case L).

  xmlns:l="http://www.backbase.com/2007/labs"

Now include the widget definition. This widget should be installed under /Labs/fusionChart but you can change that within the widget definition if you desire.

  <xi:include href="/Labs/fusionChart/fusionChart.xml" />

You're ready to add a chart anywhere in your page:

  <l:fusionChart width="600" height="350" id="bbBar2D"
    url="data/Bar2D.xml" type="FCF_Bar2D" />

Dynamic data in the PIM demo using PHP and MySQL

After reading up some questions on the forum about howto do dynamic data inside an Backbase enabled application I decided to write some post about this, explaining step by step how it's done.