HTML5 islands: How to integrate HTML5 into your Web Dynpro ABAP applications
Are you ready for an island trip? In this blog post, we will visit some of the use cases of the new UI elements and point out some information sources that will guide you through the process of building an application with an HTMLIsland.
HTML5 integration scenarios
You want to build an application containing a Web Dynpro Table but you want to make it look a bit more eye-catching by adding a background image? Then you should use the new HTMLContainer! It allows you to place HTML5 fragments around existing Web Dynpro UI elements. HTML5 is produced on server side and it is possible to re-render it with each server roundtrip, which is useful for decorating or enhancing existing Web Dynpro UI elements. Your decorated Web Dynpro Table may look like this:
If you want to know more about what is possible with the new UI elements for HTML5 integration, you should have a look at the Web Dynpro HTMLIsland & HTMLContainer Developer Guideline. You can find detailed architectural information along with a step-by-step description of how you built an application containing HTMLIsland from scratch.
For Help Portal documentation, see SAP Online Help – HTMLIntegration.