HTMLB Coding

Hi ,
I have some doubts in HTMLB coding :
1. Can i set the background image for a page using HTMLB Tags ?
If yes , can u specify the syntax ? or if no then is there any other way of doing this ?
2.Can i call a CSS within a jsp using HTMLB Tags ?
Your answers will be rewarded .
Pratima

Hi Pratima,
You ca use HTML tags in your jsp to set Bacground image... Include this in your htmlb code
<body background="irjportalappsProject nameimagesimagename">
Put the imagename in your dist\images folder.
Regs,
jaga

Similar Messages

How to auto adjust layout in bsp page

hi
i have created a bsp page , in diffrent resolution screen its displaying siffrent every time
is there any techniue by which my layout autoadjust with any resolution.
thanks

hye prasanth,
you can always use html commands in your bsp layout.
<table>
<tr> -- new row
<td>
-htmlb coding
</td>
</tr>
use attributes in <td> like -- width , valing etc..
hope this is helpful
thanks,
Imran.

IE cache pb when downloading

Hi,
i made a BSP application which retrieve documents from Master Data. In my page, i use the htmlb object link which make an url to the document. Documents are in :
http://sapserver/SAP/BW/DOC/MAST/FLDMAST/
For txt file, it works, but for word file, i can view the document one time (it's opening in a new page with the attribute page="_blank"), but when i click a second time the link (with and without refreshing the page), it doesn't work (Impossible to display the page). The only solution is to go in IE options, internet option, and erase offline files. An then, i can click only one time my link and view the word file. It's a cache file pb but how can i solve my pb (another way than to click IE options and erase offline files or set the parameter to verify new version at all visit) ? Is there any option which can help me ? Or must i change / add attribute in my bsp pages ?
At the beginning, i think to cache the page, but word files are not a part of bsp page.
Thanks

Cédric,
Please let us just sync our terminology. "pb" = "problem"? "Ko" is maybe Kilobyte, which is usually abbreviated "Kb"? "Idem."? In English, one ! is enough to terminate all sentences!
First to test 2: you list the BSP/HTMLB coding that you use. This is perfectly OK, there is no problems.
In test 1 we use only raw HTML to get a page into the browser. Once the HTML is in the browser, BSP plays no role anymore. This is the typical tests that we do to systematically isolate the error, and remove components. At this stage, I would say it is no BSP error. It has to do with how the HTTP handler (which you trigger) sends the document to the browser, what headers are set, and where the document is cached.
But i think i cannot remove system parameter (sap-language=FR & sap-client=050)
In principle these two parameters are in anycase stored as a cookie in the browser, and you do not have to supply them in the URL. At least to continue for the moment, you can leave them away.
To continue with the problem, you will have to open an OSS message, so we can look at the complete problem (using your test1 page). Our interest is to see what this handler does exactly.
I have spend a little time tonight to review the URL that you supply and the code that is executed. At the end of the chain, a special handler is called to do the final HTTP response, which we "own". So please queue problem directly onto BC-BSP, and reference this SDN thread.
Add inside OSS message: /SAP/BW/DOC/MAST --> CL_HTTP_WEBDAV_RSOD,
which is based on CL_HTTP_WEBDAV. Actual low level handler is used for sending. Check comments in dev system on handling of etags. HTTP proxy trace required to see what HTTP headers are actually set and behaviour of browser in this case.
By leaving of the URL parameters, you should be able to continue until the problem is completely understood.
brian

Pb when downloading gif files with iplanet6 SP4

Hi,
I'm using Iplanet6 SP4 for serving a intranet application.
I have a constraint on my browser : it MUST be configured to check the page on server each time a page is visited.
One of my pages contains several gifs. The problem is that if the same gif appears twice (or more) in the page, it is downloaded twice (or more).
I don't have this problem with Tomcat.
I have tried to configure my server by tuning the Cache Configuration parameters, without any success.
Does anybody already meet this problem,
Thanks for any help on this topic
Lionel Malais, Montreal

Cédric,
Please let us just sync our terminology. "pb" = "problem"? "Ko" is maybe Kilobyte, which is usually abbreviated "Kb"? "Idem."? In English, one ! is enough to terminate all sentences!
First to test 2: you list the BSP/HTMLB coding that you use. This is perfectly OK, there is no problems.
In test 1 we use only raw HTML to get a page into the browser. Once the HTML is in the browser, BSP plays no role anymore. This is the typical tests that we do to systematically isolate the error, and remove components. At this stage, I would say it is no BSP error. It has to do with how the HTTP handler (which you trigger) sends the document to the browser, what headers are set, and where the document is cached.
But i think i cannot remove system parameter (sap-language=FR & sap-client=050)
In principle these two parameters are in anycase stored as a cookie in the browser, and you do not have to supply them in the URL. At least to continue for the moment, you can leave them away.
To continue with the problem, you will have to open an OSS message, so we can look at the complete problem (using your test1 page). Our interest is to see what this handler does exactly.
I have spend a little time tonight to review the URL that you supply and the code that is executed. At the end of the chain, a special handler is called to do the final HTTP response, which we "own". So please queue problem directly onto BC-BSP, and reference this SDN thread.
Add inside OSS message: /SAP/BW/DOC/MAST --> CL_HTTP_WEBDAV_RSOD,
which is based on CL_HTTP_WEBDAV. Actual low level handler is used for sending. Check comments in dev system on handling of etags. HTTP proxy trace required to see what HTTP headers are actually set and behaviour of browser in this case.
By leaving of the URL parameters, you should be able to continue until the problem is completely understood.
brian

Htmlb:tree differentiate between nodeclick and tree node expander click

Hi,
how can i differentiate between nodeclick and tree node expander (to get to its children) click in my event processing in htmlb:tree element.
What i am trying to achieve?
Onload just load root node and its immediate children.
On node expand get the children of the current node and modify htmlb:tree table2 with additional node inofs.
on node click call some client function.
But my issue is that i am not able to differentiate between node expander click and node click in my event handling. Any help on this is appreciated.
(I am not using MVC)
Thanks in advance.
Regards
Raja
Message was edited by: Durairaj Athavan Raja

After reading your weblog I think I understand better. I did some testing with my example. I am using the toggle = "true", so that the page returns to the server each time an expander is selected.
<htmlb:tree id = "myTree1"
 height = "75%"
 toggle = "true"
 title = "<otr>EQI Reporting Tree</otr>"
 width = "90%"
 onTreeClick = "myTreeClick"
 table = "<%= application->selection_model->itview %>" >
</htmlb:tree>
However I have not added any coding in my event handler to respond to the expander event. I only respond to myTreeClick (which loads some data for the given selection). The BSP tree element itself must be doing the hard work for me.
if event_id cs 'tr_myTree1'.
 data: tree_event type ref to cl_htmlb_event_tree.
 tree_event ?= htmlb_event.
 if tree_event->server_event = 'myTreeClick'.
 clear appl->message1.
 appl->selection_model->get_chart_data( appl = appl
 node = tree_event->node ).
 endif.
endif.
I pass my entire tree defintion to the element. It appears that it only sends visible nodes to be rendered. When the expander is selected, I don't have to do anything, the tree re-renders with only the newly visible rows.
I tested and turned off the toggle (toggle = "false") and my page took forever to load because it was sending all the nodes to the frontend on the first load.

Re:css with BSP application in htmlb

Hi,
Iam new to BSP. i have a task to design a pages with css in htmlb.Please give me small examples step by step procedure of CSS coding and also page layout coding.how to call the CSS clasess in different UI elements.Please give me sample examples.

Hi,
take a look at this [Thread|;. The topic is similar to your topic.
Regards
Mark-André

HTMLB, WebDynpro or both together?

Hi @ all,
I had a look at some possibilities to create Portal Content .
I read something about HTMLB and the comparison to WebDynpro in the SDN Forum.
Some guys are saying that they would prefer HTMLB and some others saying that they prefer WebDynpro.
My question now is, what is the difference for the EP if I have a HTMLB IView or a WebDynpro IView. I know that Webdynpro uses a SLD to get the backend connection and so on.
The Business Logic is fully implemented in R/3 so the IViews are only for displaying content.
Because we have not much time and UI Design in HTMLB take much time, would it be an solution to source out some very complex Graphical UI Views to Webdynpro. I think this would save us a lot of time, or?
Is it possible to access in Portal from an HTMLB to a WebDynpro and reverse? Could I trust in it, that these both different kinds of development will work together?
It would be really nice if someone could give me some good hints and anwsers to this topic.
Thanks and Kind Regards
Dennis

Hi Dennis,
> Some guys are saying that they would prefer
I really depends. First, it depends on experience, even if this is not a really objective comparator... And it depends on what you want to do. If for example you'd need some heavy KM integration, there are many reasons for using HTMLB.
> Business Logic is fully implemented in R/3 so the
> IViews are only for displaying content
That's a "classical" scenario for using Web Dynpro, for you have some automatism to create the backend connection as well as the mapping of the table values into your UI.
> I think this would save us a lot of time, or?
If you have some experience in WD, then yes. If you have no Web Dynpro experience but much experience in HTMLB, then you'd probably be faster in HTMLB and JSPDynPage, but that shouldn't be a reaon to stick to this technique, for once you have gained the necessary experience, at least next time you will be faster
> Is it possible to access in Portal
> from an HTMLB to a WebDynpro and reverse?
In general: Yes. But that can get quite tricky. If you only want to "enter" the WD app from the JSPDynPage app and vice versa - no problem. If you want to leave the WD app at a certain point but return later - also this is possible in the meantime.
> that these both different kinds of development
> will work together
In general they do, but a complete application should be developed in the one or the other technology. Otherwise, you would have mixed UI (even if using the same style, WD and HTMLB pages just look different), double coding for R/3 connection, etc.
Hope it helps
Detlev

EP 6.0 SP2: Update a HTMLB TableView after onClick Event

Hello,
i generate a TableView from a JDBC database selection.
Outside this TableView there are 3 Buttons.
Now the problem:
If one of the buttons will click, the TableView has to be updated with a new database result. Have somebody an idea, how to update the TableView?
Stephan

Could you be more precise?
Default behaviour/coding is that an onClick event effects a request to the server - as your component/dynpage handles this request, you should be able to present anything that you like on this occasion. Maybe you code does not react to the HTMLB event properly?
Regards,
Armin

HTMLB TableView Iterator & Edit columns, cells

Hi friends,
I am getting errors when , I tried to edit the columns, & Cells of HTMLB TableView by using Iterator.Actually, I got the whole edit buttons and when I edit the values of particular column & cell fileds, it is not saving the values, instead it is giving same old values. The code I used is as follows.
To Edit the columns,
method
IF_HTMLB_TABLEVIEW_ITERATOR~GET_COLUMN_DEFINITIONS.
FIELD-SYMBOLS: <def> LIKE LINE OF p_column_definitions.
APPEND INITIAL LINE TO p_column_definitions ASSIGNING <def>.
<def>-COLUMNNAME = 'STUDENTID'.<def>-EDIT = 'X'.
endmethod.
To Edit the cells,
RENDER_CELL_START Method:
method
IF_HTMLB_TABLEVIEW_ITERATOR~RENDER_CELL_START.
CASE p_column_key.
WHEN 'ICON'.
WHEN 'STUDENTID'.
 IF p_edit_mode IS NOT INITIAL.
ENDIF.
WHEN 'SDATE'.
 IF p_edit_mode IS NOT INITIAL.
ENDIF.
ENDCASE.
endmethod.
To Edit the SDATE cells,
WHEN 'SDATE'.
IF p_edit_mode IS NOT INITIAL.
DATA: date TYPE STRING.
date = m_row_ref->SDATE.
p_replacement_bee = CL_HTMLB_INPUTFIELD=>FACTORY(
 id = p_cell_id
 value = date
 type = 'DATE'
 showHelp = 'TRUE'
 cellValue = 'TRUE' ).
 ENDIF.
Why the either column or cell is not saving the new values, when I edit them? where it went wrong? please mail me in this regard.
regards
CSM Reddy

Hi REDDY CSM
To learn coding these Methods.
You need to learn everything from scratch about MVC.
To learn functionalities of Methods in Controller and how to use them,its Better,if you start with some tutorial(Little application) on MVC.
Here is link,Just follow this,You will get some Exposure to these methods.
http://help.sap.com/saphelp_erp2005/helpdata/en/c8/101c3a1cf1c54be10000000a114084/frameset.htm
Rest keep posting whenever you face and Problem..
Happy Coding..!!
Vijay Raheja

BSP(htmlb) - spinning wheel interact between two views,

hi all,
if i click button in first view it will opens second view . The second view contains some more data's so it takes too much time to dispaly datas, in mean time i want to give spinning wheel or some process bar in between two views, how can i give,
Thanks & Regards
Bala.E

Hi Bala
We can achive this by 2 ways.
One way you can check the standard example "HTMLB_samples".
In the example HTMLB_samples i can explain what is happeing taking the example of page
a) breadcrumb.htm and
b) breadcrumbSample.htm.
Here when we click the link in the left(Samplelist.htm) page, the page Defaultright.htm will be rendered.
The defaultright.htm is calling breadcrumb.htm and load.htm.
The breadcrumb.htm in turn is calling the page breadcrumpSample.htm(Before it is calling the load.htm page is shown in mean time). For this to happen below code is kept in breadcrumb.htm page.
<htmlb:form method = "post"
action = "breadcrumbSample.htm"
target = "coding" >
This is how the loading icon is comming.
Other Way of doing is.
From the first page navigate it to a intermediate page which has the loading icon. From this intermediate page you can navigate it to the Second page which you want it.
Thanks
Vijay.M

Accessing HTMLB checkbox in javascript

Hi,
I have the following scenario:
1) jsp "main.jsp" has a checkbox with id="chkBoxId"
2) In this "main.jsp" at the end, there is a jsp include
 including another jsp "buttons.jsp" - which contains a
 SUBMIT button.
3) On this SUBMIT button, I am calling a javascript
 function "check()" in the "onClientClick" attribute.
4) In this "check()" function I want to access the
 checkBox (present in "main.jsp")
Now when I try doing this using the following code in the check() function, it gives me a "Undefined is null or not an object".
function check(chkBoxId) {
var funcName = htmlb_formid+"_getHtmlbElementId";
func = window[funcName];
var chkBox1 = eval(func(chkBoxId));
// The checkbox is obtained
if (chkBox1)
alert("Not Checked");
Plzz help me !!!
regards,
Jitendra

HI,
U can write the javascript function in the header tag or create a .js file in which u write the javascript code.
the javascript code can be like
function ValidateForm()
if(document.form1.s_material.value=="")
alert("enter material");
return false;
return true;
where form1 is id of form and s_material is iD of input field.
In your coding for button onClientClick like :
<htmlb:button id="s_but_submit"
 width="20"
 onClick="submit"
 onClientClick="if(!ValidateForm(this))htmlbevent.cancelSubmit=true;"
Regards,
Siddhartha

Javescript & HTMLB

Hi All,
Though we discussed a lot reg, Triggering a HTMLB events thro Java script, still i have some prob in triggering the events. I refered lots of thread for the same. I developed BSP Page thro MVC design pattern. I wanted show a Popup box, based on the users decision, HTMLB event needs to be triggered. Here is the code.
<%@page language="abap" %>
<%@extension name="htmlb" prefix="htmlb" %>
<script language="JavaScript" type="text/javascript">
function WindowOpenPopup(buttontype) {
if (buttontype == "A") {
Check = confirm("Do you really want to approve the requisition items?");
if (Check == true) {
htmlbSL(this,2,'ButtonReject:PRApprove');
</script>
<htmlb:content design="design2003" >
<htmlb:page title="Query flight data " >
 <htmlb:form>
 <htmlb:button id = "ButtonApprove"
 text = "Approve"
 design = "Emphasized"
 tooltip = "Approve PReq"
 encode = "FALSE"
 onClientClick = "javascript:WindowOpenPopup('A');" />
 </htmlb:form>
</htmlb:page>
</htmlb:content>
I wanted to capture the event in DO_HANDLE_EVENT. Can anyone help me?
Raja T

>Do you meant to say, use code "bsp:PRReject;" inplace of htmlbSL(this,2,'ButtonReject:PRReject')?
Nope that is not what I meant. I said to use the BSP Extension bsp:htmlbEvent to generate the JavaScript. Please have a look at this example from the SAP Press Book, Advanced BSP Programming:
Layout:
<%--
 BSP Application: zbook_ch12, stateful
 Page: htmlbEvent.htm
 Page Attributes: event_name TYPE STRING
 value1 TYPE STRING
--%>
<%@page language="abap" %>
<%@extension name="htmlb" prefix="htmlb" %>
<%@extension name="bsp" prefix="bsp" %>
<htmlb:content design="design2003" >
<htmlb:page title=" " >
 <htmlb:form>
 <bsp:htmlbEvent onClick = "specialEvent"
 id = "specialEvent"
 name = "bspEventTrigger"
 return_value = "TRUE" />
 <htmlb:inputField id = "EventTest"
 value = "<%= value1 %>"
 onValueHelp = "bspEventTrigger();"
 showHelp = "TRUE" />
 Event Name: <%= event_name %>
 </htmlb:form>
</htmlb:page>
</htmlb:content>
OnInputProcessing:
* event handler for checking and processing user input and
* for defining navigation
data: event_data type ref to if_htmlb_data.
data: htmlb_event type ref to cl_bsp_htmlb_event.
if event_id = cl_htmlb_manager=>event_id.
event_data = cl_htmlb_manager=>get_event_ex(
 runtime->server->request ).
if not event_data is initial and
 event_data->event_id = 'specialEvent'.
 htmlb_event ?= event_data.
 event_name = htmlb_event->onclick.
endif.
endif.
You might be interested to note that in the same book, on the CD, there are complete dialog box examples that are written using the same coding from ABAP Web Dynpro. These dialogs support the basic themes, RTL, etc and they can trigger server events built-in.

Bug in HTMLB JSP inputfield TAG ???

Hello,
we use SAP EP 6.0 NW 04 SPS16 (J2EE Cluster with 6 hosts and 2 j2ee
servers per host) with a R/3 Enterprise Backend HR system. For the UI
we use ISR forms. Platform is Windows 2003 Server with Oracle DB.
Within a self develop ISR JSP form running in the portal we have the
following problem:
The result of the htmlb tag below displays 09:00:00 in the browser. The
right time is 08:00:00
<hbj:inputField id='<%= inpufieldname %>'
type="TIME"
value='<%= ISR.getValue("ZP_BEG_DIS",i)
%>'
disabled='TRUE'
size="12"
jsObjectNeeded="true" />
When we use the coding below with type STRING the result, displayed in
the browser is 080000
<hbj:inputField id='<%= inpufieldname %>'
type="STRING"
value='<%= ISR.getValue("ZP_BEG_DIS",i)
%>'
disabled='TRUE'
size="12"
jsObjectNeeded="true" />
The crazy thing is: The coding above with type TIME works until
something in a J2EE server "breaks" from now on this server returns one
hour more tham <%= ISR.getValue("ZP_BEG_DIS",i) returns. The server
returns this wrong value until a J2EE server reboot.
Any experience with this "feature" ??
Regards,
Gerald Eder

That doesn't seem to work. On the login page we have the line (uses our own custom tag called "form"):
<html:form method="post" action="<%=response.encodeURL("j_security_check")%>" >
OC4J complains about this (Tomcat is happy enough). If I change this to:
<html:form method="post" action="<%=response.encodeURL(\""j_security_check\"")%>" >
then it won't compile in either OC4J or Tomcat... which to be honest is what I expected. The quotes is inside a JSP expression; it's not really part of the attribute.
Or did you mean something else?
Thanks,
Phil

Htmlb:tree: Expand All

I tried to implement an "Expand All" functionality for my htmlb:tree. Strangely, I can change the nodes in the tree table, but they are still displayed as closed on the screen.
LOOP AT me->t_tree ASSIGNING <fs> WHERE status = cl_htmlb_treenode=>c_treenode_closed
 OR toggle = cl_bdv_co=>c_true.
 <fs>-status = cl_htmlb_treenode=>c_treenode_open.
 <fs>-toggle = cl_bdv_co=>c_false.
ENDLOOP.
Why is this? Has this anything to do with the TOGGLE functionality of the tree (which loads certain subtrees with a new server event) ?

>Has anybody an explanation for this
Delta-Handling is half Black Magic Voodoo anyway. I assume that the DH server side cache doesn't see any change in those fields (since you have removed them) and therefore doesn't resend them to the client (it only sends changed values).
The Client side cache still has the old values in memory and didn't get an update from the server. Therefore it still renders the old values.
You might try placing a delta handler block around your tree coding:
<bsp:deltaHandlerBlock id="protectionR2" >
 <htmlb:tree ... />
</bsp:deltaHandlerBlock>
You can try playing with the attributes of the DHBlock. Try attribute clientCacheClear when you want force a change to the tree.

HTMLB control for displaying clientside error messages

Hi all,
I want to display client side validation error messages in a JSP DynPage.I have tried MessageBar but it can't be accessed from JavaScript file.Becuase of that i couldn't write error messages from .js file using MessageBar.Can U plz tell me is there any other HTMLB control or other way to display clientside error messages.
Urgent
Thanks
Sampath.G

Hi Sampath,
I have an idea to use message bar in client side.
1.First create a div at the begining of a page which is always visible.
2.create some hidden div tags which contains message bars with different error or information messages.
3. during the validation in javascript if u want to show error message just assign the content of hidden div tag
to visible div tag.Now u will get error message as like real message bar.
Then in javascript just write this code
document.getElementById('sample').innerHTML=document.getElementById('Error').innerHTML
where sample-->id of visible div
Error-->id of hidden div inside which u need to write the code for messagebar
this wiil show the error message at the place of visible div (sample).
Note:
If u want to change the messageBar text dynamically that can be possible only through server side only using bean to set and get error messages.
I am not able to give some sample coding since the code button throws some script error.
Ragards,
Tamil K

HTMLB Coding

Similar Messages

Maybe you are looking for