how to design and use tabstrip in webdynpro

[Former Member]

hi,

i trying to design tabstrip in webdynpro(SE80), i dont know how to design and use it. if u have screenshot or any other document give me. its pretty useful for my requirment. guide me

[Former Member]

Hi Saravanan,

Please follow the steps below.

1. Insert tabstrip element in your layout then select insert tab from context menu(right click on tab).

2. Now click on tab and then select insert add element to tab.

a. Insert view container element into the tab.

3. create another view VIEW2 and design the layout what ever you want.

4. Now go to the window where your view1 is already attached.

a. Right click on view container element to embed view.

b. Select your second view VIEW2

Repeat above steps for another tab...

Here we can not paste screen shots.Try above steps definitely you will see the result.

[uday_gubbala2]

Hi Saravanan,

You can also refer to this [blog |https://www.sdn.sap.com/irj/sdn/weblogs?blog=/pub/wlg/3861] [original link is broken] [original link is broken] [original link is broken];of ABAP demonstration videos by Thomas Jung. You can find a TabStrip demonstration in the video [Web Dynpro ABAP Basic UI Elements|https://www.sdn.sap.com/irj/servlet/prt/portal/prtroot/docs/media/uuid/bfce2ae7-0b01-0010-829b-effcd2bcbe9d]

Regards,

Uday

[uday_gubbala2]

Hi Saravanan,

In your view, you have to add the UI element TabStrip. You will have an empty tab strip then. Right click on the tab strip, and add a 'Tab'. Continue in this manner to add as many tabs as you want. Each tab will have a header, specify the tab title in that.

Now go to each tab, right click and insert element. You could insert any element like a table, Input fields etc. Event handling has to be done separately for these elements. At the tabstrip level, you need to handle only the onTabSelect event. This is the event triggered when you change tab selection in the tabstirp. In the properties of the tab strip, there will be a field selectedTab. Specify the ID of the tab which you want as selected. This will be your initial selection.

You can also enable and disable tabs, say grey out tabs that have no data etc. All this can be done by context attribute binding.

You can also refer to the view by name TABSTRIP in the component WDR_TEST_EVENTS.

Regards,

Uday

[arjun_thakur]

Hi,

Refer the standard component WDR_TEST_EVENTS. Refer the tabstrip view in it.

Also refer this online help [tabstrip|http://help.sap.com/saphelp_nw70ehp1/helpdata/en/e8/ac884118aa1709e10000000a155106/content.htm].

Regards

Arjun

Edited by: Arjun Thakur on May 19, 2009 1:54 PM