Show TOC

HTML IntegrationLocate this document in the navigation structure

Use

The following UI elements are provided for integrating HTML into Web Dynpro applications:

The table below summarizes the essential differences between the UI elements for HTML integration:

 

HTMLIsland

HTMLContainer

IFrame

Application Cases

You can embed interactive, stateful content (for example, charts) into your Web Dynpro applications.

You can integrate HTML or JavaScript-based UI controls into your Web Dynpro application (for example, an enhanced UI control for processing formatted text). You can enhance Web Dynpro UI elements with HTML (for example, add a background image to a Table).

You can display stateless content (images, documents, etc.) using your own source URI. JavaScript and CSS sources cannot be embedded.

Creating HTML

HTML is created on the client side. This means the HTMLIsland content remains stable on the client.

HTML is created on the server side. As a result the HTMLContainer content is rebuilt with each server roundtrip.

The content of the IFrame remains stable on the client.

Communication between Web Dynpro and UI Elements for HTML Integration

Events are fired to the Web Dynpro back end with JavaScript.

For more information, see: Communication between Web Dynpro and UI Elements for HTML Integration

Events are fired to the Web Dynpro back end with JavaScript.

For more information, see: Communication between Web Dynpro and UI Elements for HTML Integration

Communication between Web Dynpro and IFrame takes place indirectly using Portal Eventing.

Type of Integration

HTML is embedded in the DOM.

HTML is embedded in the DOM.

HTML is integrated indirectly, it is not embedded in the DOM.