Show TOC

 Implementing AdobeFlash Islandsfor Web Dynpro JavaLocate this document in the navigation structure

To integrate flash files into your Web Dynpro application, the Adobe Flash Island UI element can be used. Flash Island is based on Adobe Flex (http://www.adobe.com/flexInformation published on non-SAP site ). Flex provides a general development environment that can be used to create Rich Internet Applications (RIA).

In Web Dynpro a FlashIsland is set as RootElement and spans an entire view.

To specify the flash component's data source, properties and events and to bind them to the relevant Web Dynpro objects, you can insert one or more of the following View elements into the FlashIsland:

  • DataSource(GACDataSource)
    • Property (GACProperty) into the DataSource.
  • Event (GACEvent).
    • EventParameter (GACEventParameter) into the Event.

It's also possible to insert a Property directly into the FlashIsland, if you want to bind to a context attribute directly under the ContextRoot. You can also refer to hierarchical data structures by inserting DataSources into a DataSource.

Notes

  • Accessibility. Note that accessibility is not ensured when using a FlashIsland. An alternative rendering to the FlashIsland should be made available for accessibility purposes
  • Translation. Texts in the FlashIsland can only be translated if they are passed from the Web Dynpro context.
  • Style sheets cannot be adapted.
  • Personalization.  The personalization of FlashIsland UI elements is not supported.
Prerequisites

To implement Flash Island applications for Web Dynpro Java, you require the following:

  • Adobe Flex Builder 2 or 3
  • Adobe Flash Player 9 Update 3
  • Flash Island Flex library
  • A Web Dynpro component with a FlashIsland UI element

To enable the use of a Flash/Flexcomponent in Web Dynpro, the component must exist in the form of a FlashIsland. This wrapping enables the communication between the Flash/Flex component and the Web Dynpro Framework. The Flash Island itself is an SWF file.

Procedure
  1. To specify the screen area, where the FlashIsland is to be displayed, insert a ViewContainerUIElement into a view.
  2. Insert a view, e.g. called FlashView into this ViewContainerUIElement.
  3. Open the FlashView, select the RootElement in the Outline view and choose FlashIsland from the context menu entry Replace With.
  4. Select the RootElement and enter the name of your  component to the property swfFile , for example: myFlash.swf. This file has to be stored in the mime repository. The relevant path is: <Web Dynpro DC name> → Resources → src → mimes → Components → <component name>.
  5. To insert the needed additional elements to the RootElement, select it, open the context menu and choose DataSource.
  6. To insert a Property, select the DataSource and choose Insert Property from the context menu. Your Outline view could look similar to the screenshot below:

  7. Select the DataSource in the Outline view and set the properties:
    • name : Specify the name of the flash component's data source.
    • dataSource : Bind the dataSource to the context node providing the data.

    For example:

    • The property's name of the flash component is dsProperty1 ,
    • the DataSource is bound to a node called tab1
    • and the relevant context attribute is called amount .

    In this case the properties view of your Property UI Element would look like this:

  8. Select the RootElement and choose Insert Event from the context menu. Specify the name according to the Flash/Flex component's event name. Specify an action for the onAction event as described in Creating Actions
More Information

For the different UI elements to build up a FlashIsland, refer to: