Hi All,
I am getting "Unknown runtime error" related to javascript. I followed below mentioned blog. But my expand button is not working. Here is my complete page code.
http://wiki.sdn.sap.com/wiki/display/CRM/New+appointment+assignment+block+at+home+screen
<!DOCTYPE HTML>
<html>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
<%@page language="abap" %>
<%@extension name="htmlb" prefix="htmlb" %>
<%@extension name="xhtmlb" prefix="xhtmlb" %>
<%@extension name="chtmlb" prefix="chtmlb" %>
<%@extension name="thtmlb" prefix="thtmlb" %>
<%@extension name="crm_bsp_ic" prefix="crmic" %>
<%@extension name="bsp" prefix="bsp" %>
<!-- CSS goes in the document HEAD or added to your external stylesheet -->
<style type="text/css">
.appTab table {
font-family: verdana,arial,sans-serif;
font-size:11px;
color:#333333;
border-width: 100%;
padding:3px;
border-style: solid;
border-color: #666666;
background-color: #ffffff;
text-align: left;
border-collapse: collapse;
}
.appTab td {
font-family: verdana,arial,sans-serif;
font-size:11px;
color:#333333;
border-width: 1px;
padding:3px;
border-style: solid;
border-color: #666666;
background-color: #ffffff;
margin: 1px 1px 1px 1px;
text-align: left;
width: 181px;
}
.appTab th, td#titleId {border-width: 1px;
padding:1px;
border-style: solid;
border-color: #666666;
background-color: #ffffff;
text-align: left;
margin: 1px 1px 1px 1px;
width: 180px;
}
.appTab .th-tv-row-mo {background-color: #ffffff;
border-width: 1px;
padding:3px;
border-style: solid;
border-color: #666666; padding: 3px;
text-align: left;}
.appTab .th-tv-col{background-color: #ffffff;
border-width: 1px;
padding:3px;
border-style: solid;
border-color: #666666; padding: 3px;
text-align: left;}
.appTab .th-tv-col .th-lk {background-color: #ffffff;
border-width: 1px;
padding:3px;
border-style: solid;
border-color: #666666; padding: 3px;
text-align: left; }
.appTab .th-tv-col-mo{background-color: #ffffff;
border-width: 1px;
padding:3px;
border-style: solid;
border-color: #666666; padding: 3px;
text-align: left;}
/* only the expander in the footer of the table */
.appTab .th-tv-expander {
background-color: #ffffff;
border-width: 1px;
padding:3px;
border-style: solid;
border-color: #666666; padding: 3px;
text-align: left;
}
.appTab .th-tv-expander-i1 { border-width: 1px;
padding:3px;
border-style: solid;
border-color: #666666;
background-color: #ffffff; }
.appTab .th-tv-expander-i2 {border-bottom:1px; width: 1px; background: #ffffff; padding: 1px 1px 1px 1px;
border-width: 1px;
padding:3px;
border-style: solid;
border-color: #666666; padding: 3px;
text-align: left;}
.appTab .th-tv-expander img {background: #ffffff; margin: 1px 1px 1px 1px;
border-width: 1px;
padding:3px;
border-style: solid;
border-color: #666666; padding: 3px;
text-align: left;}
/* pager and expander combined in the footer of the table */
.appTab .th-tv-footer {border-style: solid;
border-color: #666666; padding: 3px;background-color: #ffffff;
border-width: 1px;
padding:3px;
text-align: left;}
.appTab .th-tv-footer table { font-family: verdana,arial,sans-serif;font-size:11px;color:#333333;border-width: 3px; border-style: solid;
border-color: #666666; padding: 3px;}
.appTab td.th-tv-footer-left {border-style: solid;
border-color: #666666; padding: 3px; margin:1px 1px 1px 1px; padding: 1px; background: #ffffff; width: 10px;}
.appTab .th-tv-footer-left .th-tv-expander {border: 1px;background:#ffffff; padding: 1px;
border-width: 1px;
padding:3px;
border-style: solid;
border-color: #666666; padding: 3px;
text-align: left;}
.appTab .th-tv-footer-left .th-tv-expander-i1 {background-color: #ffffff;
border-width: 1px;
padding:3px;
border-style: solid;
border-color: #666666; padding: 3px;
text-align: left;}
.appTab .th-tv-footer-left .th-tv-expander-i2 {background-color: #ffffff;
border-width: 1px;
padding:3px;
border-style: solid;
border-color: #666666; padding: 3px;
text-align: left;}
.appTab td.th-tv-footer-right {background-color: #ffffff;
border-width: 1px;
padding:3px;
border-style: solid;
border-color: #666666; padding: 3px;
text-align: left;}
.appTab .th-tv-footer-right .th-tv-pager{background-color: #ffffff;
border-width: 1px;
padding:3px;
border-style: solid;
border-color: #666666; padding: 3px;
text-align: left;}
.appTab .th-tv-footer-right .th-tv-pager-i1 {background-color: #ffffff;
border-width: 1px;
padding:3px;
border-style: solid;
border-color: #666666; padding: 3px;
text-align: left; }
</style>
<%
data: lv_xml type string.
lv_xml = controller->CONFIGURATION_DESCR->GET_CONFIG_DATA( ).
%>
<!-- Table goes in the document BODY -->
<table class='appTab' cellpadding='0' cellspacing='0'>
<chtmlb:configCellerator xml ="<%= lv_xml %>"
design ="TRANSPARENT"
id="ResTable"
headerText ="<th> Activity Date </th><th> Category </th><th> Description </th><th> Account Name </th><th> Contact Person </th><th> Call Purpose </th>"
noHeader ="FALSE"
onRowSelection ="select"
table="//Resultnew/Table"
width="100%"
horizontalScrolling ="false"
actionsMaxInRow ="5"
fillUpEmptyRows =" "
selectedRowIndex ="<%= Resultnew->SELECTED_INDEX %>"
selectedRowIndexTable ="<%= Resultnew->SELECTION_TAB %>"
selectionMode ="<%= Resultnew->SELECTION_MODE %>"
usage ="HOMEPAGE"
editMode ="NONE"
visibleRowCount ="10" />
</table>
</html>
Also, please see the attached error screen print. If I run the same application in Chrome, I am not getting any JavaScript error but my above mentioned table is over ridden by the other standard background table.
Any help would be much appreciated.
Thank you,
Uday