Skip to Content
Author's profile photo Saar Dagan

Ajax Framework Page with Blue Crystal Visual Design

In Enterprise Portal 7.31 SP14 / 7.4 SP9 a new feature was introduced Ajax Framework Page in IE standards mode

This feature allows you to run standards based content e.g HTML5 / UI5 / Fiori applications inside the AFP Shell.

This is the reason why in 7.31 SP16 / 7.4 SP11  we introduce AFP Standards with SAP Blue Crystal theme and Fiori User Experience.

The Blue Crystal theme will only be supported while using AFP in standards mode because it was designed for UI5 and Fiori applications.

29-03-2015 14-56-13.png

New visual design for the pop-up

25-03-2015 11-00-13.png

New visual design for the role entries in the TLN and overflow buttons.

25-03-2015 10-59-22.png

Notice that the Detailed Navigation (DTN) is now without the curves you used to see in bottom and top right side.

25-03-2015 11-01-55.png

New parameters for the background colors of those elements were exposed for the UI Theme Designer allowing you to easily customize the theme.

In the following screenshot you can see a very small example of theming possibilities (as you imagine no designer will pick these colors 🙂 )


We tried to keep this theme as lean as possible and to adhere to the simple clean look of Fiori User Experience.

Hope you like it.

Assigned Tags

      You must be Logged on to comment or reply to a post.
      Author's profile photo Sandip Agarwalla
      Sandip Agarwalla

      Hi Saar

      Thanks for this blog. Really liked a leaner version of the framework. I was discussing the possibility of a UI5 based lean look & feel for Portal with one of my clients, and there we go SAP added it in the new SP.

      apart from the UI5 & Fiori based, will the abap webdynpro / HR renewal application ivews run correctly ? It should run, but just checking.



      Author's profile photo Saar Dagan
      Saar Dagan
      Blog Post Author

      Hi Sandip,

      The iViews should run correctly as long as they are configured to render in the correct state i.e quirks or standards.



      Author's profile photo Former Member
      Former Member

      Hi Saar,

      We upgrade our SAP NW Portal to SP11 (with lastest patches) and I have tried to use AFP Standard Mode with Blue Crystal theme.

      But I faced with next issue: while portal framework page (desktop) uses css and resources files under http://<host>:<port>/ and displayed correctly, all applications try to use

      http://<host>:<port>/ and displayed without style since last URL doesn't exist.

      What the reason of such behavior? Whether it can be related to switch off less-css supporting?

      The issue is actual for many types of applications/iViews: WDA, WDA FPM, SAP GUI for HTML,Service Maps, UWL, WDJ, KM Navigation, BEx Web Analyzer, Design Studio BI Report.



      Author's profile photo Uwe Klinger
      Uwe Klinger


      please note you can also run Web Dynpro ABAP and HTML GUI applications as long as there version already support Blue Crystal (see SAP note 2000125).

      Best regards


      Product Owner

      UI Theme Designer | WD ABAP UI | Unified Rendering

      SAP SE

      Author's profile photo Former Member
      Former Member

      Hi Uwe,

      And what about Web Dynpro for Java? Dose it support Blue Crystal starting from 7.4 SP11? KM, BEx?



      Author's profile photo Julio A. Martínez
      Julio A. Martínez


      did you get response for this?

      Author's profile photo Rohit Pathak
      Rohit Pathak

      Hi Dmitriy,

      The blue crystal theme is supported in WD Java, you can refer to the note 2261727 for more details, for NW 7.4 it supports from SP13 onwards.


      Author's profile photo Former Member
      Former Member

      Hi Saar,

      it woud be nice if the custom css tab in UI theme designer would be also supported for AFP when using themes based on Blue Crystal. E.g. I found no way to customize the background color of the breadcrumbs. Currently, I just manually change the css files in the web resource repository to overcome that limitation, but this is of course cumbersome, because it gets overwritten everytime I update the theme.

      BR, Karsten