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>