Skip to Content

DemoJam 2008: SAP Enterprise Portal meets Web 2.0

h5. Introduction    To add functionality, such as iGoogle, me and my colleague Peter Mayringer  (, have been frantically looking in the open source world. Combining the flexibility of Open Source technology with the stable and robust SAP Enterprise Portal would be the best of two different worlds. It provides added functionality which is currently not provided by the SAP Enterprise Portal. As an example we made our DemoJam case for the TechEd 2008 in Berlin.   For whom who hasn’t seen it or want to re-live the excitement: 0.1. [The complete DemoJam |] 0.2. [Just our DemoJam |] A solution which uses standard portal template development in combination with an open source product to achieve floating iViews. A user can freely move the standard iViews around.imageIn this blog I will guide you through the process of achieving this functionality. The following aspects will be discussed * Getting the standard portal layout * Making changes to this standard layout * Create a layout in the Portal Content Directory (PCD) and use it in the framework page * Summary Some prerequisites: 0.1. SAP Enterprise Portal knowledge especially the Portal Content Directory (PCD) 0.2. A bit of knowledge of JAVA and Javascript 0.3. A SAP Netweaver 7.0 SP14 system 0.4. SAP Netweaver Developer Studio. Open Source Technology As a starting point you need an Open Source library to enable the floating iViews. A library which I would advice is JQuery.  More information can be found here  (    Since we used open source we also provide the source code. Even better the complete SAP Netweaver Developer Studio project. You can find it here  (   No matter what open source technology you choose the process will be similar. So lets go through the steps of the process. h5.    h5. Step 1: Get the standard portal layout Get the standard layout of the portal.   As you most probably know we can identify layout on 2 levels. First is on framework level, which is all the standard portal functionality such as the header, top level navigation, search bar and content area. Secondly on page level in the content area of the portal where most content iViews are placed.imageThe process is the same for either layout. In this blog I will show the framework layout. Just keep in mind if you want to fully support floating iViews to also add the same functionality to the page layout. To get the standard layout of the SAP Enterprise Portal login as administrator and go to: 1. System Administration -> Support -> Portal Runtime -> Browse deployment  2. Go to the folder: ROOT/WEB-INF/deployment/pcd Here you can view and download all the deployed par files of the portal. Look for this into the SAP Netweaver Developer Studio. Give it a name and now you have the standard layout available.image
1 Comment
You must be Logged on to comment or reply to a post.