
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. |