Element container & tab strip

Hi All,
I creating z transction for my customer requirment . actualy i am new in dialog program. i want three subscreen in a main screen thru tab strip. but i dont know how to create element container and view and tab strip and how to assign sub creen to tab strip. plz help me out.
Thanks in Advance
Jitendra

hi jeetu
Yes u can make three sub screen in a main screen thru tab strip. You have to use tab strip (with wizard) option on his main screen.
Step 1: When u choose tab strip and gives a area in screen then u got a screen of tab strip control wizard: start
Choose continue and put the tab strip name TAB (optional) and select scrolling in the application server option
Step 2: In the next screen u got the tab text here u can define header text for his screen at least two in your case it's three.
Step 3: Youre got the three-sub screen and function code u can change them as u required .
Step 4: Here u defines the program name where u want code in each box and select complete.
Now u have three-sub screen, which is, define in step 3 with the program name and u can define each screen as u need.
xxxxxxxxxxxxxxxxx (see forum rules)
Kuldeep Singh Rawat
Edited by: kuldeep singh rawat on Jan 19, 2008 5:56 AM
Edited by: Armin Reichert on Jan 19, 2008 12:20 PM

Similar Messages

Reg: Tab strip UI element

Hi,
Can somebody help me on how to use the tab strip UI element.
Regards,
Prasanthi.

HI
For adding views inside the view container Element,Just follow these steps:
1) create a tabstrip element.
2) Insert a tab to the element.
3) In the tab content Right click--> Insert child --> View container element.
4) open the diagram view of ur window.
5) u will c the view container element there.
6) Right click the view container element and add a new view or existing view inside it.
7) Finally u will c the added view in the tabstrip.
Use this
http://help.sap.com/saphelp_nwce10/helpdata/en/ad/c36d42b0ee9041e10000000a1550b0/content.htm
Wiki Page
https://www.sdn.sap.com/irj/scn/wiki?path=/display/wdjava/tabbed%252bview

User changes in tab strip ui element are not recorded in context change log

Hi All,
We are using a tab strip ui element in webdynpro component. But user changes inside tab strip ui element are not getting recorded to the context change log. I have an input field on the same view besides tab strip ui element. User changes to this input field are getting recorded to the context change log.
Is there any restriction on context change log usage with tab strip ui element?
Could you please suggest If there is any way to record changes inside tab strip ui element.
Thanks,
Sudheer.

I think there are some limitations exists, context change logs are not complete when you do value help , i am not sure about tab strip.
[http://help.sap.com/saphelp_nw70ehp1/helpdata/en/47/a8e5d273b12fe2e10000000a42189d/content.htm|http://help.sap.com/saphelp_nw70ehp1/helpdata/en/47/a8e5d273b12fe2e10000000a42189d/content.htm]

ALV tab strip tree and container

Hi Gurus,
i have a requirement , in which a list of records are displayed as tree ALV at output and when user clicks on any of the records then in the bottom of the screen , it should display its item detials as tab strip in the same screen ( i mean the reords which are initially diplayed and the tabstrip in the same screen) , initailly i should not get the tabstrip after double clicking only it should disply at bottom. this is achieved using OOPS ABAP....Pleas e help me on this......or any demo program.
Thanks and regards,
Rajesh.

Hello Rajesh,
Generally speaking, if you want to display records and record detail in the same screen, you can use docking container or splitter container.
How to find sample code & report for the two?
1. SE38, menu Enviroments->Examples->Controls Examples
2. workbench Demos->Controls->Container Controls->Splitter container and docking containers. From there you can see the source code of the two.
In order to fulfill your requirement, you can use following code:
    CALL METHOD splitter->get_container
                      EXPORTING row      = 1
                                column   = 1
                      RECEIVING container = container_1.
    CALL METHOD splitter->get_container
                  EXPORTING row      = 2
                            column   = 1
                  RECEIVING container = container_2.
and put your record ALV into container_1 and put detail ALV into container2. Once you click hotspot in ALV in container1, you have to implement event handler so that the detailed information of the selected record is displayed in ALV2. You can refer to this PDF about how to achieve it, in SDN there is also lots of article to guide you.
https://www.sdn.sap.com/irj/servlet/prt/portal/prtroot/docs/library/uuid/e8a1d690-0201-0010-b7ad-d9719a415907
Best Regards,
Jerry

WAD template issue:Change Font Size of Tab page in a tab strip container

Hi Gurus,
Is it possible to change the font size and face of a "tab" in a tabstip container.
For example: I have a Tab strip container with 3 tabs:
 Tab1 : North Region
 Tab2: South Region
 Tab3: Central Region.
When we name the tabs as above, it displays in a default font size and font face in the output while executing the WAD template. I want to increase the font size of say " North Region" Tab so that it appears bigger.
Can some one guide me as to how this can be achieved.
Regards,
Sandeep

Hi Benni,
Could you please explain where i am supposed to enter the code mentioned by you "<style type="text/css" >.urBtnStd </style>"
The XHTML code looks as below-->
html
 head
 <title >BEx Web Application</title>
 meta http-equiv="Content-Type" content="text/html; charset=utf-8"
 head
 body
 <bi:QUERY_VIEW_DATA_PROVIDER name="DP_1" >
 <bi:INITIAL_STATE type="CHOICE" value="QUERY" >
 <bi:QUERY value="RBEI_BICM_HR_RRF_PERIOD" />
 </bi:INITIAL_STATE>
 </bi:QUERY_VIEW_DATA_PROVIDER>
 <bi:TEMPLATE_PARAMETERS name="TEMPLATE_PARAMETERS" >
 <bi:SYSTEM_MESSAGES_VISIBLE type="CHOICE" value="X" text="" />
 <bi:VARIABLE_SCREEN value="" />
 <bi:MELT_VARIABLES value="" />
 <bi:HAS_MAIN_TEMPLATE_OBJECT type="CHOICE" value="" />
 <bi:WEB_TEMPLATE_ACTIONS type="COMPOSITE" >
 <bi:ACTION_BEFORE_FIRST_RENDERING type="COMPOSITE" />
 </bi:WEB_TEMPLATE_ACTIONS>
 </bi:TEMPLATE_PARAMETERS>
 
 
 
 <bi:TABSTRIP_CONTAINER_ITEM name="TABSTRIP_CONTAINER_ITEM_1" designwidth="600" designheight="600" >
 <bi:TABPANEL_LIST type="ORDEREDLIST" >
 <bi:TABPANEL type="COMPOSITE" index="1" >
 <bi:CAPTION value="North Region" />
 </bi:TABPANEL>
 </bi:TABPANEL_LIST>
 </bi:TABSTRIP_CONTAINER_ITEM>
 
 
 </body>
html
Thanks,
Sandeep
Edited by: Sandeep Rupert Saldanha on Feb 17, 2010 10:53 AM

Tab Strip with multiple views refresh issue

I have created a tab strip with two tabs. Each tab has a view container element. Each view has an iFrame which points to an ABAP report exposed as a web service (url). I put a refresh button on the first view which fires an outbound plug which is directed to the same view. This refreshes the first view just fine. However, it also refreshes the second view. I don't want to refresh the second view. Is there a way around this?

Hello Kenneth,
i would try another way and use [Suspend&Resume|http://help.sap.com/saphelp_nw70ehp1/helpdata/en/45/19bf8c16f25d7ae10000000a11466f/content.htm]. But that works only on component-level. So i would create 3 components A,B,C.
Comp A has a tabstrip and inside each tab a ViewContainer Element (VCUI). Inside the VCUI's you call (the used) components B and C using Suspend & Resume Plugs. Components B and C only have one view each with an iframe calling the specific report.
So you can refresh both components differently.
Kind regards, Andreas

Messages issue in message area of Tab Strip

Hi ,
Iu2019m having 2 tabs in my Tab strip.
Tab1 u2013 First tab.
Tab2 u2013 Second tab.
In both the tabs I have message areas.
On click of a button in Tab1, iu2019m displaying an error message in the message area,
but the same message is appearing in the message area of the tab2.
I want to display messages to its corresponding tab only.
Thanks,
Shravan

Hello Shravan,
the message area is a common container so the messages that are raised in that serverrountrip will be displayed in all the message area ui element.
solution would be to create an action handler method for the tabStrips' onSelect event (inorder to trigger the server roundtrip). this roundtrip will flush the stateless messages and you can raise new messages for second tab elements.
hope this solves your problem.
BR, Saravanan

How to code with tab strip control in se38

HI masters,
In SE38 i created tab strips with 4 tabs in selection screen. Each selection screen having 4 or 5 input fields.So whenever user click on first screen he will fill the input on that screen, and based on that fields only he will get information. Each tab is totally differ from other tabs, i mean first tab is orders and second is invoice like that. so there is no connection betwen tabs data. Everything is individual tabs.
I dont know how to code that.Can you plz help me how to code that? Thanks in advance.Its very urgent.

To create a tabstrip control area, choose Tabstrip control from the object list in the Screen Painter and
place it on the screen. Fix the top-left hand corner of the table control area, and then drag the object to
the required size.
Assign a name to the tabstrip control in the Object name attribute. You need this name to identify your
tabstrip control.
In your ABAP program use the CONTROLS statement to declare an object with the same name. Use
TABSTRIP as the type.
The type TABSTRIP is defined in the type pool CXTAB. The field ACTIVETAB contains the function
code of the tab title of the currently active tabstrip. The other fields are reserved for internal use.
The default number of tab pages for a tabstrip control is two.
Technically, tab titles are treated in the same way as pushbuttons. They have a name, a text, a function
code, and a function type. You enter these in the Name, Text, FctCode and FctType fields of the object
attributes.
A tab title can have the function type ' ' (space) or 'P'. If the function type is ' ' (space), the PAI
processing block is triggered when the user chooses that tab, and the function code of the tab title is
placed in the command field. If the function type is 'P', the user can scroll between different tab pages of
the same type without triggering the PAI processing block. For further details, see the following pages.
If you want your tabstrip control to have more than two pages, you must create further tab titles. To do
this, choose Pushbutton from the object list in the Screen Painter and place it in the tab title area.
You must assign a subscreen area to each tab page.
The subscreen area assigned to a tab page is automatically entered as the Reference object (in the
Dictionary attributes) for the tab title of that page.
To assign a subscreen area to one or more tab pages, choose the relevant tab title in the fullscreen
editor, choose the Subscreen object, and place it on the tab page.
Alternatively, you can assign a single subscreen area to several tab pages by entering the name of the
subscreen area directly in the Reference object field of the attributes of the relevant tab pages.
If you have assigned a different subscreen area to each page element in a tabstrip control, you can
scroll between the pages locally at the front end.
To do this, you must send all of the subscreens to the front end when you send the main screen itself. All
of the tab titles in the tabstrip control must also have function type 'P'.
Now, when you scroll between the different page elements, there is no communication between the
presentation server and the application server.
When the user chooses a function on the screen that triggers PAI processing, the system processes the
PAI blocks of all of the subscreens as well. This means that all of the field checks are run. In this
respect, you could regard the tabstrip control as behaving like a single large screen.
Local scrolling in tabstrip controls is more appropriate for display transactions.
Screen Painter:
PROCESS BEFORE OUTPUT.
CALL SUBSCREEN subarea1
INCLUDING SY-CPROG '0101'.
CALL SUBSCREEN subarea2
INCLUDING SY-CPROG '0102'.
CALL SUBSCREEN subarea3
INCLUDING SY-CPROG '0103'.
PROCESS AFTER INPUT.
CALL SUBSCREEN subarea1.
CALL SUBSCREEN subarea2.
CALL SUBSCREEN subarea3.
ABAP:
CONTROLS: my_tab_strip TYPE TABSTRIP.
To program a tabstrip control to scroll locally at the front end, you must:
Assign
a separate subscreen area to each tab page; a subscreen will be sent to each of these
when the screen is processed.
Call
all of the subscreens from the flow logic.
Assign
function code type 'P' to all of the tab titles.
The system hides any page element whose subscreen contains no elements that can be displayed.
If there are no page elements containing elements that can be displayed, the system hides the entire
tabstrip control.
Hope this is helpful, Do reward.

Tab Strip eventing

Hi,
I have 4 tabs in data container, each tab associated with different event. Whenever i click on a tab , i want to display some data on top of the tab as dispaly only. what is the better approach?
I am thinking to create 4 web dynpro views and based on the selected tab, i will show that perticular view or is there any efficient way to do this instead o creating 4 web dynpro views , can i create one and flip te data based on selected event?
Please write the detailed steps to achieve the above task?
Thanks
Sri

Hi Sri,
Instead of creating 4 views, try to use 4 different transparent containers. Place the in corresponding containers. Create 4 different context attributes of the type com.sap.tc.webdynpro.progmodel.api.WDVisibility.
Procedure:
Click on "..." button in the properties of the context attribute. Select Local Dictionary -> Expand uielementdefinitions -> Select WDVisibility.
After binding each context attributesto the corresponding visibility property of the transparent containers.
Use this code to change the visibility in Tab strip event handler.
If (selectedTab.EqualsIgonreCase("Tab1") )
wdContext.currentContextElement().set<conatiner1Vis>(WDVisibility.VISIBLE);
wdContext.currentContextElement().set<conatiner2Vis>(WDVisibility.NONE);
wdContext.currentContextElement().set<conatiner3Vis>(WDVisibility.NONE);
wdContext.currentContextElement().set<conatiner4Vis>(WDVisibility.NONE);
else if (selectedTab.EqualsIgonreCase("Tab2") )
Feel free to revert in case of any issues.
Regards,
Siva

Insert a photo in screen painter or tab strip

Hi,
Please give me a solution for how to insert employee photo like jpeg in screen painter or tab strip control
thanks,
suresh

Hi,
Follow these step.
1. save that photo into bmp or tiff format.
2. Upload it into se78.
3. create a custome container with name 'PICTURE_CONTAINER'
*& Report ZRU_DISPLAY
REPORT ZRU_DISPLAY.
call screen 700.
*& Module STATUS_0700 OUTPUT
 text
MODULE STATUS_0700 OUTPUT.
SET PF-STATUS 'xxxxxxxx'.
SET TITLEBAR 'xxx'.
DATA: W_LINES TYPE I.
TYPES PICT_LINE(256) TYPE C.
DATA :
CONTAINER TYPE REF TO CL_GUI_CUSTOM_CONTAINER,
EDITOR TYPE REF TO CL_GUI_TEXTEDIT,
PICTURE TYPE REF TO CL_GUI_PICTURE,
PICT_TAB TYPE TABLE OF PICT_LINE,
URL(255) TYPE C.
DATA: GRAPHIC_URL(255). DATA: BEGIN OF GRAPHIC_TABLE OCCURS 0,
 LINE(255) TYPE X,
 END OF GRAPHIC_TABLE.
DATA: L_GRAPHIC_CONV TYPE I.
DATA: L_GRAPHIC_OFFS TYPE I.
DATA: GRAPHIC_SIZE TYPE I.
DATA: L_GRAPHIC_XSTR TYPE XSTRING.
. CALL METHOD CL_GUI_CFW=>FLUSH. CREATE OBJECT:
CONTAINER EXPORTING CONTAINER_NAME = 'PICTURE_CONTAINER',
PICTURE EXPORTING PARENT = CONTAINER. CALL METHOD CL_SSF_XSF_UTILITIES=>GET_BDS_GRAPHIC_AS_BMP
 EXPORTING
 P_OBJECT = 'GRAPHICS'
 P_NAME = 'ABHITECH'
 P_ID = 'BMAP'
 P_BTYPE = 'BCOL'
 RECEIVING
 P_BMP = L_GRAPHIC_XSTR
EXCEPTIONS
 NOT_FOUND = 1
 INTERNAL_ERROR = 2
 others = 3
IF SY-SUBRC <> 0.
MESSAGE ID SY-MSGID TYPE SY-MSGTY NUMBER SY-MSGNO
 WITH SY-MSGV1 SY-MSGV2 SY-MSGV3 SY-MSGV4.
ENDIF. GRAPHIC_SIZE = XSTRLEN( L_GRAPHIC_XSTR ).
L_GRAPHIC_CONV = GRAPHIC_SIZE.
L_GRAPHIC_OFFS = 0. WHILE L_GRAPHIC_CONV > 255.
 GRAPHIC_TABLE-LINE = L_GRAPHIC_XSTR+L_GRAPHIC_OFFS(255).
 APPEND GRAPHIC_TABLE.
 L_GRAPHIC_OFFS = L_GRAPHIC_OFFS + 255.
 L_GRAPHIC_CONV = L_GRAPHIC_CONV - 255.
ENDWHILE.
GRAPHIC_TABLE-LINE = L_GRAPHIC_XSTR+L_GRAPHIC_OFFS(L_GRAPHIC_CONV). APPEND GRAPHIC_TABLE. CALL FUNCTION 'DP_CREATE_URL'
 EXPORTING
 TYPE = 'IMAGE'
 SUBTYPE = 'X-UNKNOWN'
 SIZE = GRAPHIC_SIZE
 LIFETIME = 'T'
 TABLES
 DATA = GRAPHIC_TABLE
 CHANGING
 URL = URL. CALL METHOD PICTURE->LOAD_PICTURE_FROM_URL
 EXPORTING
 URL = URL.
CALL METHOD PICTURE->SET_DISPLAY_MODE
 EXPORTING
 DISPLAY_MODE = PICTURE->DISPLAY_MODE_FIT_CENTER.
ENDMODULE. " STATUS_0700 OUTPUT
This will solve ur requirement.

Disable tabs at runtime (WebDynpro Java - tab strip)

I have a tab strip view set and want to disable the navigation to some embedded views at runtime.
Tab 1 contains a view for selecting items. If the selection does not return any values from
the database I want to disable tab 2 ("the user shall not be able to select tab 2).
Any idea how I could do this?
Regards FW

Use a TabStrip and ViewContainerUIElements instead of a view set. Then you can disable tabs dynamically via the Tab.enabled property.
Armin

Tab strip creation

Hi,
Pl, give any link for step by step creation of Tab strip.
Rgds,
gsa

Hello GSAasg,
Welcome to SDN.
Please got Tcode "ABAPDOCU". under abapdocu goto
ABAP user Dialogs -> Screens -> Complex Screen Elements -> Tabstrip control.
Hope these examples help you understand tabstrip better.
Hope this discussion was useful to you.
Cheers,
Suvendu

RE:Tab Strip Change in Org Mgmt Screen

Hello experts,
My Requirment is to change the tab strip name in the PPOME screen,
Thanks.,
Plreddy.

Hi
If you are using the BADI 'ME_GUI_PO_CUST'. then in "IF_EX_ME_GUI_PO_CUST~SUBSCRIBE".
Assign ls_subscriber-label = Tab Name.
http://wiki.sdn.sap.com/wiki/display/ABAP/DetailedexplanationaboutBADIandthewaystofindtheBADIwithanexample%28ME23n+transaction%29
If you are using the customer exit method then, goto SE38 and enter the program name SAPLXM06 (This can be modified for certain change) and select the logon language changes
goto Text elements, enter 101 as text id and enter the details,
and also enter text id 111, and enter the same details
Save and Activate.
Note : If you maintain the original language and maintain the text elements, then you will not get the changes in tab. So keep this in mind and change.
I have maintained like this in my system
101 Test
111 Test
To check whether the tab text is correct or not, set a break point in program LMEGUIU06 on line no 316 and check.
Shiva

Tab Strip Page

Greetings,
Does anybody know how to add the Tab Strip Control into a LabView
program? By using Active X container, I was able to put one on the
front panel, but I wasn't able to add any types of control onto the
Tabbed page. Why is it that you can use it in VB, or ComponentWork for
that matter, but not LabView?
Sent via Deja.com http://www.deja.com/
Share what you know. Learn what you don't.

> Does anybody know how to add the Tab Strip Control into a LabView
> program? By using Active X container, I was able to put one on the
> front panel, but I wasn't able to add any types of control onto the
> Tabbed page. Why is it that you can use it in VB, or ComponentWork for
> that matter, but not LabView?
>
A tab control is a separate child-window. It will work well with
controls that each exist in their own window. LV controls are
windowless and therefore aren't compatible with the tab control.
Its also a matter of design. The LV controls were designed to
work inside of clusters, arrays, as constants and front panel
controls, but not tabs, not yet anyhow.
There is a NIWeek presentation from 98 that discusses how to build
a tab dialog using Booleans a
nd a little logic. There are also
some third party tools, like the one from Cardiac, that make it
pretty easy to do tabbed dialogs that look really nice.
Greg McKaskle

Tab strip on ITS

Hello,
I have introduced tab strip , which contains two subscreen on selection screen.
I could not see tap strip in ITS.
Any changes I have to make for this in ITS code.
Regards,
Satya

Hi Naga,
Have you properly published Internet Service? Try SIAC_PUBLISH_ALL_INTERNAL transaction and then run service again.
Hope this helps,
Iván.

Element container & tab strip

Similar Messages

Maybe you are looking for