Howto Design Studio Iview Configuration

This document will help you to configure an iview with a Netweaver Design Studio
application/report.

Basics
Design Studio HTML based applications use the HTML 5 standard and therefore need a browser
environment that supports this so called standard mode. Every browser except for Microsoft Internet
Explorer can render mixes of old HTML content i.e. prior HTML 5 standard on the same page. IE is not
able to do so.

This means that for IE Portal pages you must take care that you do not mix incompatible content on
the same page. The outer framework page defines in which mode the IE window or tab runs. You can
check this out by pressing F12 to open the debugger tools:

Be aware that IE 11 looks different:

The menu item on the right shows you in which mode the current browser is.

You cannot run Design Studio apps in IE 5 quirks mode!

Some Design Studio apps might render more or less correct depending on the usage of UI elements.
But nevertheless we do not support quirks mode.
A simple solution for IE is to configure iviews to be started in a separate browser window. This means
the main portal page can be in quirks mode but as soon as you open a Design Studio iview, it will
open another browser window and/or tab which will be in standard mode.

Prerequisite [Netweaver Addon ONLY]

Before starting iview configuration verify that your Design Studio ABAP and Java components are
correctly working. Start the Designer and connect to your ABAP system. Create a simple Hello World
application with a button only named Z_HELLO_WORLD.

Then choose in your Designer Execute on Portal.

This should now start a browser with this kind of URL:

http://server:port/irj/servlet/prt/portal/prtroot/com.sap.ip.bi.designstudio.nw.portal.ds?
APPLICATION=Z_HELLO_WORLD

As soon as this example works correctly you can go on with the following steps. If this fails please
read note 1894594:
http://service.sap.com/sap/support/notes/1894594

Configuration Sample
1. Create a new Portal role in PCD and assign this role to your user
2. Open the new role in PCD and choose button new/Iview from Template
3. Choose the Design Studio template

4. Enter a name

5. Press Finish and open the new created iview

6. Click on All to see all iview properties

Then click on “Modify Properties” and add the Analysis Application.

Press Save!
7. Verify that the following properties of the iview are configured correctly:

Launch in New Window: force to start in new window as explained above

 Height Type must be Full Page

Final test
Login with your test user that has the new role assigned and click on the new iview in the Portal
menu.
Do not use the iview preview, it seems to render always in quirks mode.

Be aware that Dev tools have changed with IE 11: