Module 3: Adding Tree, Tabbed Panel, and Graph components

function popup_window( url, id, width, height ) { popup = window.open( url, id, 'toolbar=no,scrollbars=no,location=no,statusbar=no,menubar=no,resizable=yes,width=' + width + ',height=' + height + ',left=,top=' ); popup.focus(); } // function LoadNav(){ // top.document.getElementById("tutDiv").document.getElementById("tutNav").src="/TutorialGallery/topic/com.ibm.etools.webtools.gallery.tutorial.doc/htmltoc.htm"; // top.document.getElementById("tutDiv").style.visibility='visible'; // }

Module 3: Adding Tabbed Panel, Tree, and Graph components

This module teaches you how to display data in Tabbed Panel, Tree, and Graph. In this module, you will:

Insert and configure a Tabbed Panel to provide more than one view of your data

Insert and configure a Tree component to display hierarchical data

Insert and configure a Graph to display data in either a pie, chart, or line graph

Test the JSP file on the server

Remember: Before beginning this module, you should have the prerequisite knowledge outlined in the tutorial introduction.

Exercises

The exercises within this module are designed to be completed in this order:

Exercise 3.1: Importing the required resources

Exercise 3.2: Adding a Tabbed Panel component

Exercise 3.3: Adding a Tree component

Exercise 3.4: Adding a Graph component

Exercise 3.5: Testing on the server

Time required

This module will take approximately 1 hour to complete.