Web Design API for Tables 

Purpose

The Web Design Application Programming Interface (Web Design API) is aimed at Web designers and ABAP programmers that want to create Web applications for highly individual scenarios, such as BI cockpits, based on BEx Web application design and want to change the display of tables or navigation blocks to meet their own requirements.

The Web Design API enables you to modify individual cell data (characteristic values, column headers, value cells, and so on) with relation to content, display and navigation options.

Making good use of the Web Design API for tables depends on the technical design and economic questions. Thus it does make sense to use the Web Design API for Tables in every case. Certain modifications in relation to content, display and navigation options can also be made with the BEx Query Designer. Other adaptations can be made with the BW Stylesheets.

In this way, many changes to the display can be made using BW stylesheets (for example, color) or the Query Designer (for example, scaling). This is especially important when all cells of a cell type (for example, all number values in data cells) are to be changed.  When only certain cells of a cell type are to be changed in their display, the Web Design API for Tables with its own CSS classes would be useful.

Complex modifications to the content (for example display as symbol) or to the navigation options (for example, inserting your own links) can usually only be done using the Web Design API for Tables.

Process Flow

For extensive information on the required creation of the ABAP class for the Web Design API for Tables, see Creating and Using an ABAP Class.

For extensive information on the options that are available with the Web Design API for Tables for modification of cell contents and display, see Table Interface.

...

Result

The next time you call up the Web template, your class for adjusting the table contents is called up.

For test purposes, you can examine the generation of the HTML in the ABAP debugger. For more information, see Using and Creating ABAP Classes.