SAP CRM — Web-IC Component — Navigation between views

In this post let us create two view and navigate between the views.

First create a veiw firstview in the component.  (to get more information on view creation Click Here).

Once the view is created then make the view as configurable and add all the fields in structure to the screen. (for more info Click Here).

Once you made the view configurable then add the following code addition the the existing code.

  <thtmlb:button id      = “NextBtn”
               design  = “EMPHASIZED”
               onClick = “NEXT”
               text    = “Next”
               tooltip = “Second View” />

This will create a button on the first view. See the following screen shot.


Now we added the button to the HTML. The other steps that we need to do is add a event as we mentioned in this HTML and add the inbound and outbound plug.

First let us add the event for the first view.  The event name is NEXT that is what we mentioned in the OnClick html. See the following screen shot.


On now the event is created.  SAP by default add EH_ON as prefix for the events.  So the event method is called as EH_ONCLICK. See the following screen shot.


Now let us create inbound plug and outbound plug.

   Inbound plug and outbound plug in a view is used to send the control to and from the view.  For example if we want to nagvigate from first view to second view then we need to use the outbound plug of firstview to the inbound plug of the second view that way the navigation know where to go and what plug to use.

Let us create a inbound plug as fromsecondview and a outbound plug as tosecondview.  Just right click and give the name that will create the inbound and outbound plugs. SAP by default put IP_ and OP_ inforunt of the name that you are defining for the plugs. See the following screen shots.



18 thoughts on “SAP CRM — Web-IC Component — Navigation between views

  1. Realy all the posts are very helpful. Keep adding some more tutorials for CRM 2007 as they are realy beneficals to newbees.


  2. First, thank you for your wonderful articles.
    In this post, you described the navigation between views.
    In addition, i want to know how to transfer data between views.
    Hope for your excellent articles.
    Yours sincerely.

  3. Thank you, that’s very helpful.
    Now, we have a new question.
    Can we use the component controller to pass data between components?
    Otherwise we also found ‘InterfaceController’ in the RunTime Repository Editor.
    Is that used for passing data between components?
    And how to do that?

  4. if you want to use a component in another component then you need to have a interface that is created with context nodes. These nodes are available in the calling component. for example

    let us assume that we have two component Comp1 and comp2, if you want to use comp2 in comp1 then comp2 needs to have interface(you can expose all the information from comp2 to comp1 thru interface controller) if you are doing other way around then you need to have comp1 interface defined. Hope this helps.


  5. Thank you for your help, kumar.
    As a beginner, although i understand what you said, i still don’t know how to do that step by step.
    Besides, in china(i’m from china ~O(∩_∩)O~), most people working in this field are beginners. So i can’t find enough helpful information.
    May you provide some detailed information?

    Thanks again for your help.

  6. Hi,

    I wanted to know how can we navigate from one view to another which is in different views. We want to navigate from iccmp_emp_detl view to iccmp_bt_inr view. Please help.


  7. Hi,

    Thanks for great explanation of creating new views in components. However, I have a similar task;
    How can I change a an existing start view to another existing view in the same component? I.e in the web ui (CRM2007) I choose Create new Sales order button, then it takes me to view “ERPCartItemListView”. How can I change this so it takes me to view “ERPHDetailsView”?


  8. I figured out how to chenge the view in a component..

    1. Create an outbound plug and inbound plug
    2. In the event handler, call that method
    3. Create a new Navigation link, and assign outbound-/inbound plug to it
    4. Add the target in the window


  9. Hi,

    I am looking for help in CRM 7.0 step by step configuration for the sales order scenario (eCommerce).
    I have worked with CRM 4.0/CRM 5.0 etc. I need to review my past knowledge in configuring Master data, business process , sales order related process, like Sales org setup, partner determination, business activities,pricing, etc.

    I would greatly appreciate if you could either send me the documents or point me in the right direction.

    Many Thanks in advance


  10. Hello,
    How can I know in my component the logical link?
    I want to produce some links that will navigate same Z-component that will be reports with
    other variants. We r working on interaction center. you can save variants of report but you can’t see them as “my saved reports”. Our solution is to prepare some variants and make a link for each one. The problem is we can’t get the name of the link in our component. It is in

  11. Dear Kumar, thank you very much for the sharing. I got error message after I hit NEXT button in view1. I have spent a lot time check code and debug but couldn’t figure out, could you please help?

    BSP exception: Access to URL /sap(bD1lbiZjPTMxMCZkPW1pbg==)/bc/bsp/sap/bspwd_cmp_test/ is forbidden


  12. Dear Kumar,
    I have added a new component to bp_head.
    This component has two windows and i want to navigate from one to the other when i select one field.
    I have followed all the steps of the wiki but i when i try to navigate this exception is throwed.
    An exception has occurred Exception Class CX_BSP_WD_INV_VA_ASSIGNMENT – Assigned view ZBP_PEDMM/ERPMMDetail in view area Root could not be loaded.
    Source Text Row: 118
    An exception occurred during the activation of target view ZBP_PEDMM/ERPMMDetail for the navigation
    An exception has occurred Exception Class CX_BSP_WD_RUNTIME_ERROR –
    Source Text Row: 165

    Any idea?

  13. Hi,

    Thanks for your blog,

    I have followed the same procedure as you have mentione here, but I got the following error in outbound plug method.

    “Field ovTOfv is unknown. It is not contained in one of the tables nor it is defined by a DATA statemnt.”

    Could you please help me on this.

    Jenibalet S

Leave a Reply to kumar Cancel reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s