Level: Intermediate Genaro Nieto Fernandez (genaro@es.ibm.com), Senior IT Specialist,
IBM
11 Jul 2007 This tutorial takes you through the steps to enable drag-and-drop functionality of items between two portlets that run in the WebSphere Portal V6 environment. Portlet developers can use drag-and-drop capabilities to provide end users with richer environments that are easier and more intuitive to use.
Objectives - Create a portlet containing items which are "draggable"
- Create a portlet that provides drop zones related to the types of items in the first portlet
- Use the WebSphere Portal tag library to enable the drag-and-drop capabilities
- Test the drag-and-drop capabilities of the two portlets in either Rational Application Developer's Test Environment, or by deploying the portlets to WebSphere Portal V6.0.1
Prerequisites
You need to have a working of Java™ and programming portlets is required to understand the explanations. See the fResources section inside the tutorial for references which can help you get some of these skills.
System requirements
To work through this tutorial you need:
Duration
This tutorial takes about one hour to complete.
Formats html, pdf
Summary
IBM® WebSphere® Portal V6.0 introduced a new feature that lets you drag-and-drop portlets from a Portlet Palette onto pages, and to arrange the placement of the portlets on the page. You can also drag-and-drop content in a portlet or between portlets. You could, for example, create an eCommerce portlet where selected items are dragged into the cart.
Administration is easeir for both for administrators and end users because adding content to pages is easier and more intuitive than using the page layout portlets in the Administration area.
|