Web Dynpro User Interface Design

Web Dynpro is the SAP NetWeaver programming model for user interfaces (UIs). To build a view in Web Dynpro, you use containers, for which you can set specific layouts and you place UI elements inside, like tables, input fields or graphics. The complete world of markup languages, client-side-scripting and style sheets is separated and therefore Web Dynpro applications are client-independent.

Getting Started

View - Programming UI and Navigation   Source: SAP (PDF 3.3 MB)

This is a PDF version of the SAP Help Portal documentation, NetWeaver 7.0, SP 5. It provides detailed information on the basics and contains reference documentation on the complete set of available UI elements.

Best Practices for Building Client-Independent Web Dynpro UIs   Source: SAP (PDF 182 KB)

This article discusses best practices that facilitate the development of client-independent Web Dynpro User Interfaces. These tips on layout, sizing, scrolling, and coding will help you to build flexible, easily maintainable and even faster Web Dynpro applications.

Business Graphics

Using the IGS in Web Dynpro Java   Source: SAP (PDF 822 KB)

This document is designed to communicate the principles of how Web Dynpro Java programs can use the SAP Internet Graphics Server (IGS) to generate graphical content, and to give you enough information to incorporate such graphics into your own Web Dynpro applications.

IGS Configuration in Visual Administrator   (PDF 98 KB)

This document describes how to configure the Internet Graphics Server (IGS) in the Visual Administrator of the SAP NetWeaver Application Server

JNet/JGantt Developer Documentation   (Javadoc)

Using Network or Gantt UI element, you can implement interactive graphics. They are based on JNet, a generic editor for network graphics. JGantt extends JNet for the purpose of a GANTT control.

Using Gantt and Network UI element   (Wiki)

Tutorial in wiki that helps to start with JNet and JGantt inside Web Dynpro for Java.

Branding

Branding   Source: SAP

Using the Portal Theme Editor you can adapt the SAP themes and create new themes to stick to the corporate identity of your company. Find out how to create the UI design you need.