Click here to see how to create a context node.
Once the view is created the default is non configurable. Now change the regular view to configurable screen. (If we need to add the fields in the screen the we need to convert the form as configurable view).
Click Here to see how to change the ordinary view in to configurable view.
After the view is configured we need to add the view to the window. (In web ic every thing is displayed in the window on the screen. you need to have atleast one window to display single or multiple view). See the following screen shot.
Click on the edit button and add this view to this window. See the following screen shot.
Add the created view under this window. Now the view is under the window.
Make sure you save this. once it is saved click on the test button you should see your first custom component on the browser window. See the screen shot.
OK In the another post let us discuss about the navigation between two screens using a button(event handling) and how to use the custom controller in the webic component.