Skip to Content
0
Former Member
Nov 04, 2005 at 12:18 AM

Multiple web items in one Tab !!!

35 Views

Hi Experts!

I am having problem in putting two web items in one single Tab. What I am trying to do is I am having 3 main Tab and each Tab I want to put more then one web item like for example in first tab I would like to Put Table and Generic Navigation block and in second tab I would like to put the Chart .

Please help me understand how to put the multiple web items in one Tab

Appreciate your help.

Thanks in advance...:-)

Greg.

This is just Example code:

<object>

<param name="OWNER" value="SAP_BW"/>

<param name="CMD" value="SET_DATA_PROVIDER"/>

<param name="NAME" value="DATAPROVIDER_2"/>

<param name="QUERY" value="ZAA_1"/>

<param name="INFOCUBE" value="ZAA_M"/>

DATA_PROVIDER: DATAPROVIDER_2

</object>

<object>

<param name="OWNER" value="SAP_BW"/>

<param name="CMD" value="SET_DATA_PROVIDER"/>

<param name="NAME" value="DATAPROVIDER_1"/>

<param name="QUERY" value=" AA_2"/>

<param name="INFOCUBE" value=" ZAA_M "/>

DATA_PROVIDER: DATAPROVIDER_1

</object>

<object>

<param name="OWNER" value="SAP_BW"/>

<param name="CMD" value="SET_PROPERTIES"/>

<param name="TEMPLATE_ID" value="ZTAB_TEST3"/>

TEMPLATE PROPERTIES

</object>

<HTML>

<!-- BW data source object tags -->

<object>

<param name="OWNER" value="SAP_BW"/>

<param name="CMD" value="SET_DATA_PROVIDER"/>

<param name="NAME" value="DATAPROVIDER_4"/>

<param name="QUERY" value=" AA_3"/>

<param name="INFOCUBE" value=" ZAA_M "/>

DATA_PROVIDER: DATAPROVIDER_4

</object>

<HEAD>

<TITLE>BW Web Application</TITLE>

<link href="/sap/bw/Mime/BEx/StyleSheets/Rosewood_BWReports.css" type="text/css" rel="stylesheet"/>

<script type="text/javascript" >

<!--

/* function goto_tab: Show all items, starting with tabname, Hide all other items */

function goto_tab(tabname) {

SAPBWOpenURL(SAP_BW_URL_Get()'&item=TAB*&multi=X&hidden=X&cmd_1=item%3d'tabname+'*%26hidden%3d %26multi%3dX');

}

/* DHTML function to set correct span-Tag visible

For each Tab in Tab-Header (head_TAB) check, if item TABx is visible

If Item is visible set Header as selected

Otherwise set corresponding span-Tag to not visible */

function set_actual_tab() {

i=0;

do {

i++;

if (document.getElementById('head_TAB'+i) != null) {

/* Check if Object tag is hidden */

var prop = SAPBWGetItemProp('TAB'+i);

var hidden=true;

if (prop != null){

for(j=1;j<prop.length;j++){

if (prop[j][0] =="HIDDEN") hidden = (prop[j][1]=='X');

}

}

if (hidden) {

document.getElementById("TAB"+i).setAttribute('style', 'display:none;visibility:false;',false);

}

else {

document.getElementById("head_TAB"+i).setAttribute('className', 'SAPBEXTbsTABsel',false);

}

}

} while (document.getElementById('head_TAB'+i) != null)

}

-->

</script>

</HEAD>

<BODY>

<table cellspacing="0" cellpadding="5" border="0" id="tabheader" >

<tr>

<td class="SAPBEXTbsTab" id="head_TAB1" ><A href="javascript:goto_tab('TAB1')" >Table</A>

</td>

<td class="SAPBEXTbsTab" id="head_TAB2" ><A href="javascript:goto_tab('TAB2')" >Chart</A>

</td>

<td class="SAPBEXTbsTab" id="head_TAB3" ><A href="javascript:goto_tab('TAB3')" >Table</A>

</td>

</tr>

</table>

<table width="100%" class="SAPBEXTbsBdyEdg" cellspacing="0" cellpadding="5" border="0" >

<tr>

<td valign="top" >

<span id="TAB1" >

<object>

<param name="OWNER" value="SAP_BW"/>

<param name="CMD" value="GET_ITEM"/>

<param name="NAME" value="TAB1"/>

<param name="ITEM_CLASS" value="CL_RSR_WWW_ITEM_GRID"/>

<param name="DATA_PROVIDER" value="DATAPROVIDER_1"/>

ITEM: TAB1

</object>

</span>

<span id="TAB2" >

<object>

<param name="OWNER" value="SAP_BW"/>

<param name="CMD" value="GET_ITEM"/>

<param name="NAME" value="TAB2"/>

<param name="ITEM_CLASS" value=" CL_RSR_WWW_ITEM_CHART "/>

<param name="DATA_PROVIDER" value="DATAPROVIDER_2"/>

<param name="HIDDEN" value="X"/>

ITEM: TAB2

</object>

</span>

<span id="TAB3" >

<object>

<param name="OWNER" value="SAP_BW"/>

<param name="CMD" value="GET_ITEM"/>

<param name="NAME" value="TAB3"/>

<param name="ITEM_CLASS" value="CL_RSR_WWW_ITEM_GRID"/>

<param name="DATA_PROVIDER" value="DATAPROVIDER_3"/>

<param name="HIDDEN" value="X"/>

ITEM: TAB3

</object>

</span>

</td>

</tr>

</table>

<script type="text/javascript" >

<!--

/* This function call is needed to set the correct state */

set_actual_tab();

-->

</script>

</BODY>

</HTML>