You are on page 1of 11

Creation of WEB UI Component and navigation with standard component

By Ravi Veera Venkata, Igate

INTRODUCTION Application Enhancement Tool (AET) In SAP CRM 4.0 to 6.0, we have been using the GUI based tool called Easy Enhancement Work Bench (EEWB) for the creation of new custom fields for business objects. In SAP CRM 7.0, a new WEB UI based development tool has been introduced by SAP called the Application Enhancement Tool (AET) for creation of fields for business objects. This tool is integrated with the UI Configuration Tool. It is an enhanced version of the older EEWB tool. It also supports Mobile, BI, Advanced Search, Search Result List, Drop Downs and F4 helps to be incorporated with the field from the UI itself. AET has many advantages over EEWB. AET is very easy to use and not much technical knowledge is required to create fields using AET as compared to EEWB. AET is also considered less risky as compared to EEWB as deletion of the extension fields is very easy. In AET a new separate append is created for each of the new field created. So it is more flexible as compared to EEWB. SAP recommends using AET as and wherever supported than EEWB in SAP CRM. Create New field using AET Step 1: In order to use AET, some basic settings and authorizations are required. First of all, we need to decide on the Package name and Generation prefix (optional) for extensions created for your enhancement. Once it is decides, we would set it in the system using the transaction AXTSYS. The Namespace is automatically derived from the above information. This is a onetime activity. Alternative path for the defining the system settings in the SPRO transaction is: SPRO->SAP Reference IMG->Customer Relationship Management->UI Framework->UI Framework Definition->Application Enhancement Tool->Define System Settings.

Once the settings are done, we have to enable the AET tool from the WEB UI front end screen. Step 2: For accessing the AET tool from UI, we have to first enable the Configuration Mode in the path Personalize->Settings->Personalize Settings path from the WEB UI screen. Check the Enable Configuration Mode check box option under Configuration Mode section and save it. Note: - In order for this option to be available and visible in your Personalize Settings, the user should have authorization to SAP object CONFMOD.

Once the configuration mode is enabled, the Show Configurable Areas icon would be displayed for the user on his WEB UI screens.

Now the AET is ready for use from the UI screen. Step 3: Next step is to create a new field as per the business requirement. For example, let us create a new field Number for Sales Cycle->Campaigns->Products assignment block as a drop down field having values One, Two and Three. This field should be made available for Mobile Sales Application also. General Procedure: 1. Go to the desired transaction view in WEB UI. 2. Click on the Show Configurable Areas icon in the overview page of the transaction. This would enable all AET supported configurable views in the current WEB UI screen within dotted frames. 3. Click on your corresponding dotted frame for the view where you want to add the new custom field. 4. The AET tool would now open up the View configuration (which has the integrated UI configuration tool) pop up window displaying all the configurations available for the selected view (both standard and custom). 5. Now click on the Create New Field button. By using this option, we can create new custom field first and then add it to all the configurations required. 6. The AET tool would now display a pop-up with all supported Business Objects for the current selected view. Select the desired business object from the list as per the business requirement. 7. Once the Business Object has been selected, the AET would now give the pop-up for supported Sub-objects (Part of BO) of the selected business object. Note: - The main window would now display all existing extensions/enhancements, if any, for the business object that you have selected of the view.

8. Select the Sub-object for the business object as per the requirement and click on OK button. 9. A new extension field is created with an automatically generated Enhancement ZAEXT and Field Id starting with ZZAFLD and a new pop-up is displayed where your desired values for field properties like Field Label, Search-Relevant, Data you have entered the data type for the field, the Length, Check Table and Search are enabled. Id starting with in you can give type etc. Once Help properties

10. The Status shows in which state is the generation currently in. Yellow triangle indicates incomplete/in process and green square indicates completed/generated status. Erroneous status is indicated using a red circle. 11. We also have option for enabling the supported functionalities for the created field like Mobile, R/3 Adapter, BW Reporting, Check Table, Search Help etc. 12. The tool also provides options to provide DropDown Listbox for the new field created as well as the Translation for all the text entered for the field. 13. Once all the field properties are entered as desired, you can click on Back Button to save the extension field and its properties. 14. Now the enhancement has been saved for the field and it would be displayed in the Enhancement List in the main page Custom Fields assignment block of the AET pop up window with status as incomplete/in process(yellow triangle). 15. Next step is to generate the created custom field. To save and generate the extension field, select the newly created enhancement id from the list displayed and click on Save and Generate button. 16. Now a pop-up for Transport Request would be prompted where you need to give in your workbench TR and click on Choose if you already have a TR for field creation. Otherwise you can create your own TR using the Create button in the pop up. 17. Once you have selected the TR, the system would generate the AET field and status would be turned to green square indicating that the AET field has been generated successfully. Note:-Sometimes a DYNPRO popup error happens and field generation fails from the UI tool indicated by a red circle as status. In this scenario, we need to re-generate the created field manually from the GUI. In order to re-generate the enhancement, go to transaction se38 in GUI, open the report AXT_EXT_GENERATE and enter the Extension ID of the custom field created and check the option Generate All Extensions and then click on Execute and the enhancement would be generated successfully. Note: - Before you can execute the report for generating the enhancement, close the AET tool in UI to release the lock on the object. Also, you need to have authorization (developer access key) for the report

execution. The selection of which enhancements are to be generated happens automatically, if you create, delete, or change an enhancement.

18. Once the enhancement has been saved and generated, it gets added to the available fields list. You can create a new custom configuration if required, or else if the configuration already exists for your scenario you can select it from the displayed list in the web ui config tool (from GUI or AET). Then the newly created field would be displayed in the Available Fields list, from where you can add it to the Displayed field to be displayed in the WEB UI view .This process of adding the new field to the ui configuration can be done either from the WEB UI AET tool or from the GUI BSP component UI config tool. For our example, lets see how to proceed. 1. Click on the Show Configurable Areas icon.

2. Click the Products view in the UI screen.

3. The AET tool window would be displayed (UI config tool). 4. Click on Create New Field button in the AET pop up window.

5. Supported Business Objects for the selected view are displayed. Select Campaign from the list.

6. On selection of BOs, list of supported sub-objects of selected BO is displayed.

7. Select Product and click Ok button.

8. New custom field with new system generated Enhancement Id and Field Id is created.

9. Fill in the entries as required for the field parameters like Field Label, Data Type, Length, Mobile, Dropdown options, Translations. 10. Once all properties are entered, click on Back button.

11. Click on the Save and Generate Button. In this step, all the extensions that need to be generated from the list would be generated. If you want to restrict the generation, you can do so by selecting/deselecting the extension ids from the list.

12. Prompt for the TR is displayed. Enter the TR and proceed.

13. The enhancement with the extension field would be created. 14. Once we have the field enhancement created, create the custom configuration either from GUI or UI AET tool (initial screen) and add the newly created field from the Available Fields list to the Displayed Fields list ,changing the Field Label if required. 15. Save the configuration and port the custom TR using transaction scc1 to the desired testing client to test. The AET field created would be added to the BOL structure and other related structures and tables automatically. If you had opted for Mobile, the related CDB tables are also populated with the field.