Look & Feel, Framework Pages and Portal Navigation in Enterprise Portal 7.3
Tags:
The portal provides a lot of options to adapt the look and feel of the user interface including styles (e.g. font type or size, colors, etc.) and navigation to meet the needs of your company. The portal comes with a standard user interface that can be adapted to your corporate style guides.
On this page, you can find information and links on how this can be done, both from an administrator's and from a developer's point of view.
When talking about Look & Feel, there are three key tools that help you with adapting it:
- Theme Editor: Enables you to modify the formatting of web applications such as administration UIs or Web Dynpro based applications that run in the portal.
- Navigation iViews: Enables you to modify how the navigation links are displayed.
- Page Layouts: Enables you to create new ways for laying out iViews on a page.
To learn how this all fits together, please have a look at the Administration Guide for SAP NetWeaver 7.0 or SAP NetWeaver 7.3.
Read also this overview presentation on "Best Practices for Theming and Branding of SAP NetWeaver User Interfaces".
Look & Feel
Note:
The information in this document refers to features that are partly deprecated.
For a list of deprecated features and possible alternatives that you can use instead, see SAP note 2204286.
Overview
For general information on creating navigation iViews, please have a look at the Developer's Guide (Creating Navigation iViews). In this section of the Developer Guide, you can also learn how to use the tag library for navigation iViews
You can change the look and feel of your portal framework for example by...
- inserting and removing iViews from your Framework Page: deploy new navigation iViews and add them to your framework page. You can then configure and rearrange them on the page.
- creating new TLN/DTN: Use the Navigation tag library to create your own top-level and detailed navigation iViews.
- create a new Masthead or Page Title Bar: Use the Framework tag library to create a new masthead or page title bar. For more information, see Framework Tag Library.
Also, check out these How-To Guides:
Page Layouts
Logon Screen
Framework Pages
See also: Wiki Information on Ajax Framework Page.
How To Apply Custom Branding Using the AJAX Framework L-Shape APIs
: This guide provides an overview about fully customizing your own Ajax framework page using the L-Shape APIs of SAP NetWeaver Portal 7.3. The Ajax Framework Page (AFP) is provided with SAP NetWeaver Portal 7.3. Based on Ajax technology, this framework page 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.How to Customize your Ajax Framework Page with SAP NetWeaver Portal 7.30: The aim of this guide is to assist you in achieving the desired user experience for your portal desktop using the Ajax Portal Desktop as a baseline. This guide will show you how customize the SAP NetWeaver Portal desktop according to your own brand and user experience guidelines.
Navigation
- Navigation iView: iViews that display the available navigation links for the current user
- Navigation connectors: Java classes that generate the navigation links for the current user
- Navigation links: HTML links to content within the portal (wither in applications or in navigation iViews)
You might also want to know, how Navigation relates to Client-Side Eventing. Please have a look in the appropriate section of the Developer's Guide (Client-Side Eventing)
Javadocs