XHTMLB tabstrip help
Hi all,
I replaced htmlb tabstrips in my code by xhtmlb tabstrips.But after this,the javascipt in my code has stopped working and the pages are showing javascript error .Why is this happening? Is it because of using xhtmlb ?Please help.
Regards,
Ananya
*******the button is in layout of a page fragment
<htmlb:button id = "b_disp"
text = "Display Ticket"
onClientClick = "gotoDisplay()" />
*************javacsript code in main page
<script>
function gotoDisplay()
if ( w_flagDisp == 1 || w_dateInitial != document.getElementById('i_date').value )
var childwindow = window.open("warning1.htm","name","height=150,width=500,left=200,top=300,resizable=no,titlebar=no, toolbar=no,menubar=no,status=no");
if (window.focus) {childwindow.focus();}
return childwindow;
htmlbSL(this,2,'b_disp:onInputProcessing()');
</script>
When I am clicking on any xhtmlb tabstrip,the javaScript error is coming.
Message was edited by: Ananya Mukherjee
Similar Messages
-
Xhtmlb: tabStrip - how to execut a page with flow logic
Hello all, how do I execute a "page with flow logic" from a "tabStrip". Currently I am using a "page fragment". But I need to change to a "page with flow logic" becuase of a technical issue.
Is it possible to tell which tab was selected using event processing? When I try, I am getting "illegal reference".
Here is a sample of my current code.
<xhtmlb:tabStrip id = "TABSTRIP"
viewState = "EXPANDED"
viewStateMode = "COLLAPSED_EXPANDED"
tooltip = "Choose tab" >
<xhtmlb:tabStripItem name = "Home"
title = "Home" >
<%@include file="home.htm" %>
</xhtmlb:tabStripItem>
<xhtmlb:tabStripItem name = "Medical"
title = "Medical" >
<%@include file="medical.htm" %>
</xhtmlb:tabStripItem>
<xhtmlb:tabStripItem name = "Dental"
title = "Dental" >
<%@include file="dental.htm" %>
</xhtmlb:tabStripItem>
<xhtmlb:tabStripItem name = "Vision"
title = "Vision" >
<%@include file="vision.htm" %>
</xhtmlb:tabStripItem>
<xhtmlb:tabStripItem name = "FlxSpnd"
title = "Flexible Spending" >
<%@include file="home.htm" %>
</xhtmlb:tabStripItem>
<xhtmlb:tabStripItem name = "Other"
title = "Other" >
<%@include file="home.htm" %>
</xhtmlb:tabStripItem>
<xhtmlb:tabStripItem name = "RevSub"
title = "Review and Submit" >
<%@include file="home.htm" %>
</xhtmlb:tabStripItem>
</xhtmlb:tabStrip>
What would I replace the "page frament" with?
Thanks in advance for your help, TroyHi Troy,
If i understood your requirement i think you need to move to other pages or views when the tabstrip items or clicked. If your requirement is the above one below is the explanation....
In the layout you include a attribute onSelect = "mySelect" in the tag xhtmlb:tabStrip.
For event handling in the oninputprocessing you write the below code,
CLASS CL_HTMLB_MANAGER DEFINITION LOAD.
DATA: TABSTRIP TYPE REF TO CL_XHTMLB_TABSTRIP.
Reading Data from Toolbar
TABSTRIP ?= CL_HTMLB_MANAGER=>GET_DATA( REQUEST = REQUEST
NAME = 'xhtmlb:tabstrip'
ID = 'tb3' ).
Optional: test that this is an event from HTMLB library.
IF EVENT_ID = CL_HTMLB_MANAGER=>EVENT_ID.
Scenario 1: Read event from manager.
DATA: EVENT TYPE REF TO IF_HTMLB_DATA.
EVENT = CL_HTMLB_MANAGER=>GET_EVENT_EX( RUNTIME->SERVER->REQUEST ).
DATA: request_event TYPE REF TO cl_xhtmlb_event.
request_event ?= event.
IF EVENT IS NOT INITIAL AND EVENT->EVENT_NAME =
CL_XHTMLB_TABSTRIP=>CO_EVENT_NAME.
*---here you can handle the event...
ENDIF.
ENDIF.
Regards,
Azaz Ali. -
Xhtmlb:tabStrip height attribute
I am using xhtmlb:tabStrip to show few tabs and each tab item is holding a iframe loading some page .
The tabstrip item should be to the maximum page height. unlike htmlb:tabstrip there is nothing like body height in xhtmlb.
i tried setting the <xhtmlb:tabStrip height to various values like 100%, 600 , 600px but nothing seems to change the size at all.
Anybody has seen this , got a solution?
Thanks in advance.
Regards
Raja
<b>I have fixed it. it was the height property of the iframe which was causing the issue. i had set 100% as the height of the iframe. But when i changed to px its working as desired.</b>
Message was edited by: Durairaj Athavan Rajahi Brian,
Thanks for taking time to put in your thoughts.
The issue is within the tabstrip body i have iframe and the src parameter is changed at runtime to different bw webtemplates depending on the user action.
If i have to determine the height of the webtemplate , then i would write a javascript in the webtemplate and pass it back to my main page. But how will my javascript in the webtemplate is going to find the <b>rendered</b> webtemplate height? i need to try these things out and post the outcome here.
Regards
Raja -
Xhtmlb: Tabstrip tab display n same wndow.
Problem: when click on any tab it is opening new window. Not only on tab but also even on min/max buttons. What could be the problem i do not know.
Can anyone find the solution to the following code.
<htmlb:content design="DESIGN2003" >
<htmlb:form target="_blank" >
<htmlb:gridLayoutCell columnIndex = "<%= lv_col_count %>"
rowIndex = "<%= lv_row_count %>" >
<xhtmlb:tabStrip id = "Tabstrip"
brandingNotchVisible = "FALSE"
dropDownListVisible = "TRUE"
viewStateMode = "COLLAPSED_EXPANDED"
onHelp = "onMainTabHelp"
flowIndicatorVisible = "TRUE"
dropDownItemCount = "10" >
<xhtmlb:tabStripItem name = " overview1"
title = " Overview"
disabled = "FALSE" >
<bsp:call url = "main.do"
comp_id = "<%= ZCL_MAINCONTROLLER=>GC_SUBCONTROLLER_ID_O %>" >
<bsp:parameter name = "gv_view_type"
value = " OVERVIEW" />
</bsp:call>
</xhtmlb:tabStripItem>
<xhtmlb:tabStripItem name = " steam"
title = " STeam "
disabled = "FALSE" >
<bsp:call url = "main.do"
comp_id = "<%= ZCL_MAINCONTROLLER=>GC_SUBCONTROLLER_ID_S %>" >
<bsp:parameter name = "gv_view_type"
value = "TEAM" />
</bsp:call>
</xhtmlb:tabStripItem>
<xhtmlb:tabStripItem name = " test1"
title = " Test "
disabled = "FALSE" >
<%@include file="test1.htm" %>
</xhtmlb:tabStripItem>
</xhtmlb:tabStrip>
Thx
sidHi Sid,
the <i>target</i> attribute tells the browser where to open the target URL.
Options are
<b>_blank</b> - the target URL will open in a new window
<b>_self</b> - the target URL will open in the same frame as it was clicked
<b>_parent</b> - the target URL will open in the parent frameset
<b>_top</b> - the target URL will open in the full body of the window
_self is generally the default.
Cheers
Graham -
Xhtmlb:tabStrip: change order of tabs dynamically?
Is there a way to change the order of the tabStripsItems in an xhtmlb:TabStrip dymanically?
In my case, I have a certain number of fixed tabs and some more tabs that are defined by customizing.
<xhtmlb:tabStrip id="TabStrip"
selection="<%= controller->mv_selection %>"
onSelect="DoSelect"
width="100%">
<xhtmlb:tabStripItem name = "fixedTab1
title = "f1" >
</xhtmlb:tabStripItem>
<xhtmlb:tabStripItem name = "fixedTab2
title = "f2" >
</xhtmlb:tabStripItem>
<% LOOP AT table_from_customizing ASSIGNING <fs> %>
<% IF <fs>-sequence < 2 .%>
<% "move tabStrip to a earlier position.How?? %>
<% ENDIF.%>
<xhtmlb:tabStripItem name = "<%= <fs>-name %>"
title = "<%= <fs>-title %>" >
</xhtmlb:tabStripItem>
<% ENDLOOP %>in that case (example between fixed tab1 and fixed tab2 )
<xhtmlb:tabStrip id="TabStrip"
selection="<%= controller->mv_selection %>"
onSelect="DoSelect"
width="100%">
<xhtmlb:tabStripItem name = "fixedTab1
title = "f1" >
<% sort table_from by sequence ascending .
LOOP AT table_from_customizing ASSIGNING <fs> %>
<xhtmlb:tabStripItem name = "<%= <fs>-name %>"
title = "<%= <fs>-title %>" >
</xhtmlb:tabStripItem>
<% endloop . %>
<xhtmlb:tabStripItem name = "fixedTab2
title = "f2" >
</xhtmlb:tabStripItem>
Regards
Raja -
genius
help me plz
i m making tabstrip control
i had made 2 subscreen in se80 with description subscreen1 and subscreen2
in Tabstrip control i enter two push buttons and subarea for both as
subarea1 and subarea2
now for that we had to define them in PBO and PAI as
PROCESS BEFORE OUTPUT.
MODULE STATUS_0200.
CALL SUBSCREEN: SUBSCREEN1 INCLUDING SY-REPID 0003.
CALL SUBSCREEN: SUBSCREEN2 INCLUDING SY-REPID 1111.
error coming
<b>Include block not specified, not defined or spelt incorrectly. </b>
why so
please reply the answer as i could paste it in my screen
i m currently working so plz friend reply fast
Thanking you
With Best Regards
RubyHi,
Look at the below link which will have the example program
Re: tabstrips
http://www.sap-img.com/ge001.htm
Regards
Sudheer -
if there are three tabs in first tab i have to take 2 input values and in second tab i have to give the operations(+,-,*,/) then in third i have to display the result ... how to solve this problem ...........please help me.........
thank u.Should be relatively straightforward.
First define your screen, then create tabs, and thirdly define your subscreens, for each tab.
1st Tab, display 2 fields open for input.
2nd Tab, display all your operations, perhaps in a column format, then you can use the cursor line to know what row they picked.
3rd tab, ensure that 2 fields are not null, ensure that operator field is not null, if this is true then complete calculation to 1 field on the screen.
Hope this helps
Gary -
Open a tabStrip with a treeNode
Struggling here, I know I must just be overlooking it but I've got a treeNode and I want to open a tab from my tabStrip by clicking on the treeNode.
I was doing this by just calling the page and passing a parameter however by doing this I was overiding the tabStrip and then by clicking on the tabs itself they would no longer open.
First question: is it possible?
Second question: If it is how can I go from the treeNode to the tab without reloading the page?Craig,
When you write "to the tab without reloading the page", you are effectively asking to switch between the tabs in the tabStrip without a request/response cycle. This is of course only possible if all of the required tabs are available in the browser.
We ship two tabstrips. The old <htmlb:tabStrip> actually supports switch a browser based switching. Depending on whether a server event is defined per tab, the tab will be switched in the browser, or at the server. The newer <xhtmlb:tabStrip> only supports server switching of tabs. In the newer (XHTMLB) tabStrip the rendering code is more optimized. For example, only the tabStripItem that will actually be showed is processed.
The benefit of server switching is better rendering performance (only render one tab per request/response cycle), plus reduced bandwidth. Our recommendation is in general to use the newer <xhtmlb:tabStrip>.
In terms of using a tree to switch a tabStrip, I can not really say that it sounds like the way to go. The tabStrip itself already has tabs for switching. Just give them nice names. But then, I am no usability expert. So maybe a tree is acceptable.
The request is not so complex. All you want to do is that the when you click on a tree node, it fires for you a server side event. No, don't try to start messing with URLs and things like second guessing formfield names. This is bound to fail on you, leading to five more appends in the forum before the sun goes down. It is also the reason why you loose complete viewState of all controls on the page. Hmmm...you should really in the beginning copy more code from the SBSPEXT_*HTMLB examples. Just use the onClick attributes to get back to server when you require it. At the server pick up relevant data, and go out again on the next response.
So we have a tree, which fires a server side event. At the server, we pick up the event, and set the selection on tabStrip new. (If you click in tabStrip, just let the tabStrip handle the setting of the new active tabStrip. Do not do anything more.) I have written all the event handling code also in the layout just to make the example simple cut-and-paste. You can put the event handling code into the onInputProcessing. Code included below.
++bcm
<%@page language="abap"%>
<%@extension name="htmlb" prefix="htmlb"%>
<%@extension name="xhtmlb" prefix="xhtmlb"%>
<%
DATA: event TYPE REF TO IF_HTMLB_DATA,
selection TYPE string.
event = CL_HTMLB_MANAGER=>GET_EVENT_EX( request ).
IF event IS NOT INITIAL
AND event->event_name = 'tree'
AND event->event_type = 'click'
AND event->event_server_name IS NOT INITIAL.
selection = event->event_server_name.
ENDIF.
%>
<htmlb:content design="design2003">
<htmlb:page title = " ">
<htmlb:form>
<xhtmlb:tabStrip id="details" selection="<%=selection%>">
<xhtmlb:tabStripItem name="clients" title="Clients"/>
<xhtmlb:tabStripItem name="info" title="Info"/>
<xhtmlb:tabStripItem name="employees" title="Employees"/>
</xhtmlb:tabStrip>
<htmlb:tree id = "menutree"
showTitle = "true"
title = "Quick Links"
width = "220px" >
<htmlb:treeNode id="c" text="Clients" onNodeClick="clients"/>
<htmlb:treeNode id="i" text="Info" onNodeClick="info"/>
<htmlb:treeNode id="e" text="Employees" onNodeClick="employees"/>
</htmlb:tree>
</htmlb:form>
</htmlb:page>
</htmlb:content> -
Using xhtmlb:tabStripItem titleBee
SDN Friends,
Im having difficulties creating a error log in the titlebar of a xhtmlb tabstrip. Too make things easies have a look at the code below.
<xhtmlb:tabStrip id="Errordemo"
renderSingleTabAsHeading = "true" >
<xhtmlb:tabStripItem name = "Errortest"
title = "TEST"
titleBee = "<%= model->iferrorbee %>" >
</xhtmlb:tabStripItem>
</xhtmlb:tabStrip>
Is it possible to use a titlebee in combination with renderSingleTabAsHeading? If not is there another way to place a error log into the titlebar of a tray or tabstrip?
Best regards,
Sander PolThanks Thomas for you response.
The bee I have created works fine. Below you fined two examples. The first error DEMO with headerlinebee works fine. The second DEMO with the same bee doesn't work. Where can i find more information about the xhtmlb:tabStrip?
<%-- Error DEMO 1 headerlinebee --%>
<xhtmlb:tabStrip id = "Errordemo"
headerLineBee = "<%= model->iferrorbee %>"
renderSingleTabAsHeading = "true" >
<xhtmlb:tabStripItem name = "Errortest"
title = "TEST" >
</xhtmlb:tabStripItem>
</xhtmlb:tabStrip>
<%-- Error DEMO Titlebee --%>
<xhtmlb:tabStrip id = "Errordemo2"
renderSingleTabAsHeading = "true" >
<xhtmlb:tabStripItem name = "Errortest"
title = "TEST"
titleBee = "<%= model->iferrorbee %>" >
</xhtmlb:tabStripItem>
</xhtmlb:tabStrip>
Best regard,
Sander -
Hi
I am new in SAP CRM 2007. I am developing a new component. I want to use the element htmlb/xhtmlb TAB STRIP, but when I use this in my view, a javascrip error occurs (object expected) and Tabs are not shown.
I dont know if I need a label or anything else...
My code is
<xhtmlb:tabStrip id = "ts3"
<xhtmlb:tabStripItem title = "Tab N 1"
name = "ti1" >
Test1
</xhtmlb:tabStripItem>
<xhtmlb:tabStripItem title = "Tab N 2"
name = "ti2" >
Test2
</xhtmlb:tabStripItem>
<xhtmlb:tabStripItem title = "Tab N 3"
tooltip = "Tooltip for Test 3"
name = "ti3" >
Test3
</xhtmlb:tabStripItem>
<xhtmlb:tabStripItem title = "Tab 4"
tooltip = "Tooltip for Test 4"
name = "ti4" >
Test4
</xhtmlb:tabStripItem>
</xhtmlb:tabStrip>
Thank you for help me.Hi,
I was also trying to find the same tab strips but could not find relevent material. So used substitute solution. I created buttons seperated by '|'. My screen looks some what like this.
View
Button1 | Button2 | Button 3| Button 4
Field 1
Field 2
Field 3
Now when i click on button 1 i called even and from event to outbound plug which navigate me to view 1. Similarly click on button 2 helps me to navigate to view 2 and similarly button 3 and 4 to view 3 and 4 respectively. It works like tab strips but not same as it..
Best regards
Pankaj Kumar
Edited by: Pankaj Kumar on Nov 14, 2008 7:00 PM -
Container which can be set invisible
Hi,
i'm searching for a container which can be set invisible. Inside the container all elements (matri, button, text, input) should
be invisible. So, i don't want to bind an attribute to every element, instead of this i want a superior element for controlling this.
In WD ABAP there is a transparen container element to do this, is there any similar in BSP?
Thanks and RegardsI've found a way:
I've created a page fragment with all elements which should be switched visible/invisible
This fragment is called in this piece of code:
<xhtmlb:tabStrip id = "ts_id" visible = "TRUE">
<% IF visible = FALSE. %>
<xhtmlb:tabStrip id = "ts_id" visible = "TRUE">
<%@ include file = "input.htm" %>
</xhtmlb:tabStrip>
<% ELSE. %>
<%@ include file = "input.htm" %>
<% ENDIF. %>
That's working fine! When using visible="FALSE" for tabStrip, the elements don't exist at all (Same problem as wiht suggested IF/ENDIF solution) -
Maximum amount of displayed tabs
Hello all,
I'm using the tag xhtmlb:tabStrip in my BSP application with 8 tab strips. The system only displays 7 tabs in maximum (and a menu on the right hand side of the page) although there is enough space for more tab pages. Are there any restrictions in the amount of maximum displayed tabs?!?
Thanks in advance and best regards,
ThomasHi Raja,
I am on ECC6.0. I tried this, and I could display 8 tabs!!! Just added 8 tabs and 8 of them are displaying. See I jhave just added like below.
I am not able to paste my code, but I have just added 8 tabs in the tabstrip example in SBSPEXT_HTMLB.
Is it not correct?
Thanks,
Sreekanth -
Is it possible to define xhtml:tabscript width by using %
Thanks in advanced to everybody
I am new in BSP developing. I have a page with two frames where one shows a menu and the other one shows a tabstrip which contents a frame where dynamically a URL is called.
As far as I have seen it is not possible to define the width and the height of a tabscript by % only by px. I have checked out the forum and I have seen that other people have had the same problems on defining width and height on tabscripts.( see xhtmlb:tabStrip height attribute posted by Durairaj Athavan Raja on Jan 27). They solved it by fixing by hard the height.
My problem is that the client wants to see as least scroll as possible.
A solution would be to find an optimal fixed width and height but it seems to be difficult because the application is going to be run in different computers with different settings. Hence the better one would be to define the width and the height on running time, for example, as it is mentioned in the message, by javascript.
So if I have the screen size on a javascript variable, is there any way to use that variable as the width or the height of my tabscript?. Does anyone know how can I define the width and the height of the tabscript in such a way that it seems like I am using %.
Any idea is welcome.
-- Oscar --Correct me if i havent understood your question correctly.
you have a tabstrip and within the tabstripitem you have an iframe and and fill the iframe src based on the tab clicked. Right?
If yes.
There are three factors to the whole scene here with regard to hieght.
1. page height
2. tabstrip height
3. iframe height
I have faced the similar issue and solved as follows.
1. I had set the <htmlb:page scrolling to "NO" so that i dont get two scroll bars at the right side (one for page and the other for iframe)
2. i have placed the iframe outside tabstrip
3. put the tabstrip and the iframe into normal html table like below.
<table height=100% border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td width="100%">
<xhtmlb:tabStrip id = "TS1"
renderSingleTabAsHeading = "FALSE"
flowIndicatorVisible = "FALSE"
width = "100%"
onSelect = "mySelect"
selection = "<%= selected_tab %>"
viewStateMode = "COLLAPSED_EXPANDED"
dropDownListVisible = "TRUE" >
</td>
</tr>
<tr>
<td height=100% width="100%">
<iframe id="I1" name="I1" scrolling="yes" width="100%" height="100%" src="<%= iframesrc %>"
border="0" frameborder="0" >
</td>
</tr>
</table>
Hope this is clear.
Regards
Raja
/people/mark.finnern/blog/2004/08/10/spread-the-love -
I need help in tabstrip control....helpful answers will be rewarded....
Hi All,
I am finding difficulty with the tabstrip control.i have created 3 tabs one for mara,marc and mard tables.i have to display few fields of these tables in their respective subscreens.using the material number i have to get the values from the table and display it in the respective subscreens.i am getting the output.but if i try to give another value for the material number it is not accepting...it holds the same value i gave before.i tried to use refresh,clear to clear the internal tabes i am using to fetch data.but i am not getting it....also
i want to use f3 function key to go back even if i havent given the value for mandatory fields. can u help me?helpful answers will be rewarded....
regards,
sheeba.Hi,
http://help.sap.com/saphelp_nw70/helpdata/en/04/10f2469e0811d1b4700000e8a52bed/content.htm
http://help.sap.com/saphelp_sm32/helpdata/en/d1/801bd2454211d189710000e8322d00/content.htm
Check think link:
http://www.****************/Tutorials/ABAP/Tabstrips/page1.htm
http://www.sapdevelopment.co.uk/dialog/tabcontrol/tc_basic.htm
Regards,
Priyanka. -
Hi,
I have three tabs in my tabstrip control. The tab1 will display a few details as the page is generated.
Now my problem is how to change the tab2 and tab3 with some more details when they are selected.
Besides after clicking tab2 if I go back to tab1 there previous details are not there. How to overcome this?
I am <b>not using MVC approach</b>. Any help and useful codes will be appreciated greatly.
Thanks
KathirvelHi,
a possibility for you is to make your bsp app stateful and save the incomming data (form_fields of request object) in oninputprocessing to attributes of a application class.
Search SDN for use of application class.
Regards,
Sebastian
Maybe you are looking for
-
Why can't I reduce the height of my container box in the Lightbox Display composition widget?
I'm using the Lightbox Display composition widget, I would like to place my trigger at the bottom of my lightbox, I've reduced the height of my image frame but the container box cannot be reduced accordingly. I need to reduce the height of the contai
-
ICC profile from SmugMug not showing up in LR Color Managment
I've installed the two standard ICC print profiles from the SmugMug website. One is for EZPrints and the is Bay Photo http://www.smugmug.com/help/choice-of-printing-labs Both are installed correctly and show up in the correct Win 7 directory. Howe
-
When using iPhoto stabilization feature it can takes hours to complete. For some reason the display does not go to sleep like it normally does when this is running. My question is - is there a way to simply turn off the display and leave the process
-
Finder keeps crashing in Mountain Lion
I did a restart this morning and after that my iMac's Finder keeps crashing in a loop. I logged in as another user (not admin)... No problem. When I logged in under my normal -admin- account, problem was still there. I logged in in Safe Mode... No pr
-
Error while changing the component quantity
Hi Experts, I facing an issue, while changing the component quantity of the process order. Parent material have fixed lot size and the componenets maintained as fixed quantity in BOM. When I try to change the quantity of the components in process ord