Enhancing the UI
COMPONENT :
1. Go to Transaction
BSP_WD_CMPWB and specify the UI component that you want to ENHANCE.
2. Click on Display.
This will open the following screen and Click on ENHANCE COMPONENT.
3. In next dialog ,
give ENHANCEMENT SET NAME and click on right mark.
(please read
ENHANCEMENT CONCEPT post to know how to create enhancement set)
4. In next dialog,
give application name.
5. it will ask for
creating new BSP application. Click ok. Then it will ask for repository storage
location as REPOSITORY.XML. choose right mark.
6. Store it either in
local package($TMP) or choose another package to transport(according to
requirements).
7. We have
successfully enhanced the UI component. Once it is done, we can see enhancement
name in the heading.
8.If we observe, in
the left side panel all views are grayed out, which means, these views can be
enhanced. Right click on any view, you can see ENHANCE VIEW option in the
context menu.
9. Lets continue
enhancing the view also , to know more details. Remember, every time we enhance
any view, WEBUI frame work will derive new Z (customer ) classes for view
controllers and contexts.
10. I chose
AccountRelationshipsOV view to ENHANCE. Before enhancing kindly observe the
view controller class name in the below screen shot.
11. We can notice its
name started with CL. Once you enhance this, controller name will start with
letter Z.
12. Choose any view
and right click on it and choose Enhance. In next dialog, it will show one
class whose name starts with Z.
13. Choose OK. Some
times, it happens that this particular view has already been enhanced in some
other enhancement set. In this case, you may receive a message saying that this
class already exists. kindly choose some other name for class by changing the
class name like ZL_BP_DATA_ACCOUNTRELATIO_IMP1. I got the same message as I
already enhanced this view in some other Enhancement set. So I changed the name
as mentioned above.
14. Next , it will
derive a new z class for CONTEXT also. choose ok. If class is already there,
then do it like the step 13. Save both objects ( two new classes , one for view
and another one for context) in LOCAL PACKAGE else in Transportable package.
15. We have
successfully enhanced view also. kindly check the color of the view that has
been enhanced. You can find it in black color not in grey color. Open any UI
component which is not enhanced, you can find all views in black color. Once UI
Component enhanced, views will be grayed out and ready for enhancement. Once
you enhanced the views also, they again come in black color.
16. Deriving new Z
classes is nothing but replacing the controllers. Go to transaction SE80
(object repository ) and open the newly
created BSP APPLICATION. In this case it will ZBP_DATA.
17. Kindly check the
below screen shot. We can find all enhanced objects in this component here.
Since we enhanced one view, we can see that view details here.
18. You can find the
controllers which have been replaced in the transaction SM34. Go to this
transaction and type value BSPWDVC_CMP_EXT and click on display. select
enhancement set that you have used to enhance the component and click on
ENHANCEMENT DEFINITION.
19. It will show all
components that have been enhanced under this enhancement set.
20. Select the
component that you have just enhanced and click on CONTROLLER SUBSTITUTES.
Below screen will appear. Kindly look at it we can find the controller
substitutions. As I enhanced AccountRelationshipsOV view. You can see this
entry here.
In next post, I will
introduce basic concepts in the CRM WEBCLIENT.
Thanks for reading my
article. If you find it useful. Kindly tell about it to Your Friend also.
