SAP Portal - Ajax Framework Page

Welcome to the Ajax Framework Page Wiki

Imagine your Economy Class seat being upgraded to Business Class. It's time to move your SAP NetWeaver Portal into Business Class!

There's been a lot of talk about the excellent usability features of Ajax. You may have seen SAP CRM and SAP NetWeaver Business Client using Ajax features, and with the overwhelmingly positive response for Ajax from end users, it's now time to enhance SAP NetWeaver Portal with the offerings of Ajax via the Ajax Framework Page (AFP).

AFP is globally available as of enhancement pack 2 of SAP NetWeaver 7.0 and is fully compatible with other SAP framework pages, supporting all SAP standards and platforms. AFP is now the default framework page, but you can still use the Classic Framework Page (formerly known as the Default Framework Page) if you want. But why would you want to miss out on all the great usability features that come with AFP?

Ajax Framework Page - At a Glance
New Features
  • Enhanced client-side cache & cache configuration
  • On-demand data retrieval
  • Reduced server load & move activities to client
  • Full visual customization
  • Ajax-based navigation services (infrastructure) - client-side model and controller
  • TLN personalization
  • New DTN behavior & visualization (overflow)
  • Full-screen mode
  • Standard harmonized UI across SAP products
  • Stateful navigation
  • Dynamic iViews - new visualization
  • Splash screen
  • New workcenter role configuration
  • AFP widgets


On this wiki page you can find all the information you ever wanted to know about AFP for SAP NetWeaver Portal.

We are continually updating the wiki with code samples and how-to guides that cater to different target audiences ranging from beginners to experts.

At the same time, we invite the community to make an equal and valuable contribution to this wiki. Bring your innovative ideas, share your knowledge, post samples of AFP customization, etc. to help improve the learning curve within the community.

Let the learning begin!

Guides and Presentations

Beginner Level

Intermediate Level

Advance Level

Title SAP NetWeaver Portal 7.3 SDN Code Exchange Location
How to Customize your Ajax Framework Page with SAP NetWeaver Portal 7.30  
How-to Guide Part I: Customize Look & Feel using Ajax Framework L-Shape API - Navigation Capabilities
This guide is the first in a series that provides an overview of the required steps to create your own AFP and focuses on the navigation capabilities provided by the Navigation API.
Source code is already available in SDN Code Exchange!
How-to Guide Part II: Customize Look & Feel using Ajax Framework L-Shape API - Ajax Framework Features
In this guide, you can learn about additional features of the AFP that enable you to access and control the navigation history, favorites, and tabsets.
Source code is already available in SDN Code Exchange!
Light Signature AFP Example Based on jQuery
This presentation introduces the Light Signature AFP example based on jQuery created by Sven Kannengiesser. This example imitates the look and feel of the Signature Design, but it's much easier to customize. View this presentation to learn about the motivation for creating the Light Signature AFP example based on jQuery, differences with the official Signature Design, source code sneak preview, and configuration steps needed to use the Light Signature AFP example.
Source code is already available in SDN Code Exchange!
Custom Ajax Framework Page using JQuery and HTML5
This guide provides an overview about fully customizing your own AFP using the L-Shape APIs of SAP NetWeaver Portal 7.3 and cutting-edge technologies such as JQuery and HTML5. 
Based on Ajax technology, the AFP provides improved performance, enhanced user experience, and a wide set of client side-based APIs (also known as “L-Shape APIs”) to consume and modify its content.
Source code is already available in SDN Code Exchange!
The SDN Code Exchange Platform

Join SDN Code Exchange and visit our SAP Portal – Ajax Framework project to get the source code of the highlighted How-To guides. Visit this link for more information about the SDN Code Exchange Platform. You can also check our FAQ page to learn the basic steps needed to connect to the SDN Code Exchange Platform.

Important Links

AFP Forum

SAP Note 1166135 : Central Note for Ajax Framework Page with SAP NetWeaver

SAP Help Portal

Learn more about Enhancement Package 2 for SAP NetWeaver Portal 7.0

Learn more about the next major release of SAP NetWeaver Portal

SAP NetWeaver Portal - Looking forward to 2010...

AFP - Frequently Asked Questions

Enter labels to add to this page:
Please wait 
Looking for a label? Just start typing.