CRM and CX Blogs by Members
Find insights on SAP customer relationship management and customer experience products in blog posts from community members. Post your own perspective today!
Showing results for 
Search instead for 
Did you mean: 
Active Contributor
0 Kudos

Requirement : To design editable popup with pre-populated question, user will enter the answer to this question and it should be saved on opportunity header notes(one text type).  Based on certain data validation of few fields on Opportunity header, the pop up should appear as Editable screen.


(1)   Created a component ZTEST_POP, Added context node as BTAdminH & BTTextH

(2)   Created a pop view with context node (BTTextH)

(3)   Included view created as part of step 2 into MainWindow

(4)   Changed runtime repository & Added interface view for the custom component

(5)   Enhance BT111H_OPPT component =>   Runtime Repository ->created component usage"Popup" for ZTEST_POP component

(7)   Redefine the EH_ONSAVE method of BT111H_OPPT and called the popup using below code:

   confirm_popup = comp_controller->window_manager->create_popup(

                    iv_title               = 'Enter Solution text Z0008'

                    iv_interface_view_name = 'ZTEST_POPUP/MainWindow'

                    iv_usage_name          = 'Popup'  ).

(8). Component controller binding:  There should be an identical context node created in both the   components.(can be a modal or value node).

     Redefine method 'WD_USAGE_INITIALIZE' in the source component 'component controller' and   refer to the target component usage(Component usage of   pop view)


IF iv_usage->usage_name = 'BP_BPBT'.
  CALL METHOD iv_usage->bind_context_node
    iv_controller_type  = cl_bsp_wd_controller=>co_type_component
    iv_target_node_name = 'BUTTONSAVE'    " Node of the MAIN component
    iv_node_2_bind      = 'BUTTONSAVE'.   " Node of the embedded component

  Add the context node to the Interface controller in run time repository of target component.

  Now if you set the data in source component context node, it will reflect at target.

Another simple way is to add the data required in target component to the outbound plug of source component and use the same at target component.

You can see how the query services of standard F4 helps are filled, this is the same way..

Refer: Wiki Article - Creating popup message in webclient UI

This document was generated from the following discussion: how to get editable pop up in Web UI?

Top kudoed authors