#CRM WebClient UI

[erpqna]

CRM Bol programming Debugging Tips and Code Snippet on how to read & populate values

CRM Bol programming Debugging Tips and Code Snippet on how to read & populate values

This blog explains on how to do basic debugging and write code in CRM. It covers the below topic areas

1. Requirement: Disable a specific UI element field

For customer overview screen when user clicks on edit to update the address information

Also Read: SAP CRM Certification Preparation Guide

Disable a specific field called “Delivery service type” and do not allow to update Phone and…

[craigbrownphd-blog-blog]

News from Support: Support by Product Pages and SAP Community for SAP CRM

Very good news. On Monday, 18th 2017 the Support by Product Pages went live on the SAP Support Portal and on the SAP ONE Support Launchpad. It allows to access content which is available for a product on the SAP ONE Support Launchpad (SAP Knowledge Base Articles), Help Portal, Guided Answers and SAP Community blogs and Q&A on one single place. Following table gives an overview on the pages SAP Customer Relationship Management 7.0 (4.0, 5.0, 2007 – customer specific maintenance) SAP Community Tag SAP Support Portal SAP ONE Support Launchpad Help Portal SAP enhancement package for SAP CRM 7.0 EHP1. 7.0 EHP2, 7.0 EHP3, 7.0 EHP4 SAP Community Tag SAP Support Portal SAP ONE Support Launchpad Help Portal   There is also a tile on the Support by Product pages which is relevant for SAP Community – you can easily ask a question, write a blog from there or access relevant content, if the content is tagged by help of the relevant SAP Community product tag * SAP Customer Relationship Management * SAP enhancement package for SAP CRM In order that SAP Community can best benefit from this new feature and learn from your expertise or answer questions related to SAP Customer Relationship Management in the SAP Community Q&A, my suggestion is always to use one of the above product tags  as primary tag. In order to make transparent to which product function your blog/question refers to, please always use one of following product function tags as secondary tag: * CRM Analytics * CRM Billing * CRM Interaction Center * CRM Marketing * CRM Master Data * CRM Middleware * CRM Mobile Sales and Service * CRM Pricing and Configuration * CRM Sales * CRM Service * CRM Web Channel * CRM WebClient UI   Let me also share the links for SAP Contact Center * Support Portal: * SAP Contact Center, cloud edition * SAP Contact Center, on-premise edition * SAP ONE Support Launchpad * SAP Contact Center, cloud edition * SAP Contact Center, on-premise edition * SAP Community * SAP Contact Center * Help Portal * SAP Contact Center   Further information: * FAQ on the Support Portal: https://support.sap.com/en/support-by-product-faq.html * Overview on products: https://support.sap.com/en/products.html * Blog about Support by Product page concept: https://blogs.sap.com/2017/12/18/sap-launches-support-by-product-pages/ PS: We are currently updating the metadata for the Help Portal, to make sure that all deliverables show up on the Support by Product pages – thanks for your patience. http://bit.ly/2DAHoQx #SAP #SAPCloud #AI

[erpqna]

CRM Bol programming Basics of How to control display property

CRM Bol programming Basics of How to control display property

This article will help people trying to understand how to use CRM UI to start coding to handle UI elements. It covers the basics of how you could control the UI element using CRM bol programming

It has been divided into these 5 sections where

Requirement

Finding the UI component

Opening the corresponding UI component from back-end

Find relevant technical objects to modify

Code changes to make…

[erpqna]

Can CRM Web UI enable a field with Dynamic Mandatory control?

Can CRM Web UI enable a field with Dynamic Mandatory control?

System Environment of Examples (SAP Internal System):

WEBCUIF   749

BBPCRM    715

Main Content:

Use P getter to control the mandatory or not for a field, and to define the P getter to have dynamic mandatory field which will depends on the value of another field on the same page;

Elaborate the detailed behavior of a field when it is mandatory, how the html was generated;

Describe a known wrong…

[erpqna]

How to implement one hit navigation

How to implement one hit navigation

One hit navigation means if only one result found during search, the detail page of that search result entity will be opened automatically without user manual action.

See example below: after search button is clicked, the detail page of 201300024454 will be opened automatically.

You could follow the below steps to achieve:

1. You must enable one hit navigation behavior for your business role.

d…

[erpqna]

Configure ABAP webdynpro component into CRM system via Transaction launcher

Configure ABAP webdynpro component into CRM system via Transaction launcher

THINK twice why you want to include an ABAP webdynpro component into CRM UI, as in CRM application it is not recommended to use ABAP webdynpro to develop UI. In some case for example, PDF preview is far more convenient using standard ABAP webdynpro control “Interactive form”. However if you would like to achieve the same via webclient UI, much more development are unavoidable.

1. in SPRO, define…

[craigbrownphd-blog-blog]

News from Support: Support by Product Pages and SAP Community for SAP CRM

Very good news. On Monday, 18th 2017 the Support by Product Pages went live on the SAP Support Portal and on the SAP ONE Support Launchpad. It allows to access content which is available for a product on the SAP ONE Support Launchpad (SAP Knowledge Base Articles), Help Portal, Guided Answers and SAP Community blogs and Q&A on one single place. Following table gives an overview on the pages SAP Customer Relationship Management 7.0 (4.0, 5.0, 2007 – customer specific maintenance) SAP Community Tag SAP Support Portal SAP ONE Support Launchpad Help Portal SAP enhancement package for SAP CRM 7.0 EHP1. 7.0 EHP2, 7.0 EHP3, 7.0 EHP4 SAP Community Tag SAP Support Portal SAP ONE Support Launchpad Help Portal   There is also a tile on the Support by Product pages which is relevant for SAP Community – you can easily ask a question, write a blog from there or access relevant content, if the content is tagged by help of the relevant SAP Community product tag * SAP Customer Relationship Management * SAP enhancement package for SAP CRM In order that SAP Community can best benefit from this new feature and learn from your expertise or answer questions related to SAP Customer Relationship Management in the SAP Community Q&A, my suggestion is always to use one of the above product tags  as primary tag. In order to make transparent to which product function your blog/question refers to, please always use one of following product function tags as secondary tag: * CRM Analytics * CRM Billing * CRM Interaction Center * CRM Marketing * CRM Master Data * CRM Middleware * CRM Mobile Sales and Service * CRM Pricing and Configuration * CRM Sales * CRM Service * CRM Web Channel * CRM WebClient UI   Let me also share the links for SAP Contact Center * Support Portal: * SAP Contact Center, cloud edition * SAP Contact Center, on-premise edition * SAP ONE Support Launchpad * SAP Contact Center, cloud edition * SAP Contact Center, on-premise edition * SAP Community * SAP Contact Center * Help Portal * SAP Contact Center   Further information: * FAQ on the Support Portal: https://support.sap.com/en/support-by-product-faq.html * Overview on products: https://support.sap.com/en/products.html * Blog about Support by Product page concept: https://blogs.sap.com/2017/12/18/sap-launches-support-by-product-pages/ PS: We are currently updating the metadata for the Help Portal, to make sure that all deliverables show up on the Support by Product pages – thanks for your patience. http://bit.ly/2Dv3nIM #SAP #SAPCloud #AI

[craigbrownphd-blog-blog]

News from Support: Support by Product Pages and SAP Community for SAP CRM

Very good news. On Monday, 18th 2017 the Support by Product Pages went live on the SAP Support Portal and on the SAP ONE Support Launchpad. It allows to access content which is available for a product on the SAP ONE Support Launchpad (SAP Knowledge Base Articles), Help Portal, Guided Answers and SAP Community blogs and Q&A on one single place. Following table gives an overview on the pages SAP Customer Relationship Management 7.0 (4.0, 5.0, 2007 – customer specific maintenance) SAP Community Tag SAP Support Portal SAP ONE Support Launchpad Help Portal SAP enhancement package for SAP CRM 7.0 EHP1. 7.0 EHP2, 7.0 EHP3, 7.0 EHP4 SAP Community Tag SAP Support Portal SAP ONE Support Launchpad Help Portal   There is also a tile on the Support by Product pages which is relevant for SAP Community – you can easily ask a question, write a blog from there or access relevant content, if the content is tagged by help of the relevant SAP Community product tag * SAP Customer Relationship Management * SAP enhancement package for SAP CRM In order that SAP Community can best benefit from this new feature and learn from your expertise or answer questions related to SAP Customer Relationship Management in the SAP Community Q&A, my suggestion is always to use one of the above product tags  as primary tag. In order to make transparent to which product function your blog/question refers to, please always use one of following product function tags as secondary tag: * CRM Analytics * CRM Billing * CRM Interaction Center * CRM Marketing * CRM Master Data * CRM Middleware * CRM Mobile Sales and Service * CRM Pricing and Configuration * CRM Sales * CRM Service * CRM Web Channel * CRM WebClient UI   Let me also share the links for SAP Contact Center * Support Portal: * SAP Contact Center, cloud edition * SAP Contact Center, on-premise edition * SAP ONE Support Launchpad * SAP Contact Center, cloud edition * SAP Contact Center, on-premise edition * SAP Community * SAP Contact Center * Help Portal * SAP Contact Center   Further information: * FAQ on the Support Portal: https://support.sap.com/en/support-by-product-faq.html * Overview on products: https://support.sap.com/en/products.html * Blog about Support by Product page concept: https://blogs.sap.com/2017/12/18/sap-launches-support-by-product-pages/ PS: We are currently updating the metadata for the Help Portal, to make sure that all deliverables show up on the Support by Product pages – thanks for your patience. http://bit.ly/2Etvpna #SAP #SAPCloud #AI

[craigbrownphd-blog-blog]

Direct navigation in CRM WebUI, CRM Fiori and C4C

Direct navigation in CRM WebUI Use this url for example: https://:44354/sap(bD1lbiZjPTAwMSZkPW1pbg==)/bc/bsp/sap/crm_ui_start/default.htm?crm-object-type=BPFS&crm-object-action=B&crm-object-value=120&crm-object-keyname=PARTNER the overview page of business partner with id 120 in current application server could directly be opened: How does CRM WebUI framework know which target UI view should be used for rendering? In the url the CRM object type BPFS and action B ( display ) is specified, both of which are used for target UI view resolvation. In my example, the determined target ID is TBPFSOV. This mapping is configured in customizing below: This target ID will further be used to determine the target WebClient UI component view. The mapping between a target ID and corresponding UI component is maintained in customizing below: Direct navigation in CRM Fiori Sample url: http://:50033/sap/bc/ui5_ui5/ui2/ushell/shells/abap/FioriLaunchpad.html?sap-client=001&sap-language=EN#Lead-manageLead&/detail1/Leads(guid’40F2E963-AFAA-1EE5-88AD-D6FD7FB9D1CE’) Semantic object Lead and action “manageLead” are specified in the url. How Fiori knows which UI5 view is used as target UI for rendering? Open the Catalog page in Fiori catalog designer: The combination of semantic object plus action used in my example leads to the target Fiori application with alias “MyLeads” in LPD_CUST. Open transaction code LPD_CUST, locate the UI5 application by application alias “MyLeads”. Open the Component.js of this application and the target view, S3, is configured for route pattern “detail1/{contextPath}”. This explains why S3.view.xml and S3.controller.js are loaded in the runtime when the direct url is accessed. Direct navigation in C4C Example: https://.c4c.saphybriscloud.cn/sap/public/byd/runtime?bo=COD_OPPORTUNITY_THINGTYPE&nav_mode=TI&param. Key=00163E217B181EE6AFB52FAEC14878E2 And the TI page of given opportunity is displayed. The supported type for corresponding TI page are listed in SAP help. If you monitor network request in Chrome development tool, it is easy to find out that the navigation target, Opportunity TI page, is resolved by a ABAP backend function module OBERON_OBN_TARGET_RESOLVE, which is not visible to C4C customer & partner. http://bit.ly/2iVaKmT #SAP #SAPCloud #AI

[craigbrownphd-blog-blog]

Direct navigation in CRM WebUI, CRM Fiori and C4C

Direct navigation in CRM WebUI Use this url for example: https://:44354/sap(bD1lbiZjPTAwMSZkPW1pbg==)/bc/bsp/sap/crm_ui_start/default.htm?crm-object-type=BPFS&crm-object-action=B&crm-object-value=120&crm-object-keyname=PARTNER the overview page of business partner with id 120 in current application server could directly be opened: How does CRM WebUI framework know which target UI view should be used for rendering? In the url the CRM object type BPFS and action B ( display ) is specified, both of which are used for target UI view resolvation. In my example, the determined target ID is TBPFSOV. This mapping is configured in customizing below: This target ID will further be used to determine the target WebClient UI component view. The mapping between a target ID and corresponding UI component is maintained in customizing below: Direct navigation in CRM Fiori Sample url: http://:50033/sap/bc/ui5_ui5/ui2/ushell/shells/abap/FioriLaunchpad.html?sap-client=001&sap-language=EN#Lead-manageLead&/detail1/Leads(guid’40F2E963-AFAA-1EE5-88AD-D6FD7FB9D1CE’) Semantic object Lead and action “manageLead” are specified in the url. How Fiori knows which UI5 view is used as target UI for rendering? Open the Catalog page in Fiori catalog designer: The combination of semantic object plus action used in my example leads to the target Fiori application with alias “MyLeads” in LPD_CUST. Open transaction code LPD_CUST, locate the UI5 application by application alias “MyLeads”. Open the Component.js of this application and the target view, S3, is configured for route pattern “detail1/{contextPath}”. This explains why S3.view.xml and S3.controller.js are loaded in the runtime when the direct url is accessed. Direct navigation in C4C Example: https://.c4c.saphybriscloud.cn/sap/public/byd/runtime?bo=COD_OPPORTUNITY_THINGTYPE&nav_mode=TI&param. Key=00163E217B181EE6AFB52FAEC14878E2 And the TI page of given opportunity is displayed. The supported type for corresponding TI page are listed in SAP help. If you monitor network request in Chrome development tool, it is easy to find out that the navigation target, Opportunity TI page, is resolved by a ABAP backend function module OBERON_OBN_TARGET_RESOLVE, which is not visible to C4C customer & partner. http://bit.ly/2iAT53G #SAP #SAPCloud #AI

[craigbrownphd-blog-blog]

Direct navigation in CRM WebUI, CRM Fiori and C4C

Direct navigation in CRM WebUI Use this url for example: https://:44354/sap(bD1lbiZjPTAwMSZkPW1pbg==)/bc/bsp/sap/crm_ui_start/default.htm?crm-object-type=BPFS&crm-object-action=B&crm-object-value=120&crm-object-keyname=PARTNER the overview page of business partner with id 120 in current application server could directly be opened: How does CRM WebUI framework know which target UI view should be used for rendering? In the url the CRM object type BPFS and action B ( display ) is specified, both of which are used for target UI view resolvation. In my example, the determined target ID is TBPFSOV. This mapping is configured in customizing below: This target ID will further be used to determine the target WebClient UI component view. The mapping between a target ID and corresponding UI component is maintained in customizing below: Direct navigation in CRM Fiori Sample url: http://:50033/sap/bc/ui5_ui5/ui2/ushell/shells/abap/FioriLaunchpad.html?sap-client=001&sap-language=EN#Lead-manageLead&/detail1/Leads(guid’40F2E963-AFAA-1EE5-88AD-D6FD7FB9D1CE’) Semantic object Lead and action “manageLead” are specified in the url. How Fiori knows which UI5 view is used as target UI for rendering? Open the Catalog page in Fiori catalog designer: The combination of semantic object plus action used in my example leads to the target Fiori application with alias “MyLeads” in LPD_CUST. Open transaction code LPD_CUST, locate the UI5 application by application alias “MyLeads”. Open the Component.js of this application and the target view, S3, is configured for route pattern “detail1/{contextPath}”. This explains why S3.view.xml and S3.controller.js are loaded in the runtime when the direct url is accessed. Direct navigation in C4C Example: https://.c4c.saphybriscloud.cn/sap/public/byd/runtime?bo=COD_OPPORTUNITY_THINGTYPE&nav_mode=TI&param. Key=00163E217B181EE6AFB52FAEC14878E2 And the TI page of given opportunity is displayed. The supported type for corresponding TI page are listed in SAP help. If you monitor network request in Chrome development tool, it is easy to find out that the navigation target, Opportunity TI page, is resolved by a ABAP backend function module OBERON_OBN_TARGET_RESOLVE, which is not visible to C4C customer & partner. http://bit.ly/2ihTQhV #SAP #SAPCloud #AI

[craigbrownphd-blog-blog]

Configure ABAP webdynpro component into CRM system via Transaction launcher

THINK twice why you want to include an ABAP webdynpro component into CRM UI, as in CRM application it is not recommended to use ABAP webdynpro to develop UI. In some case for example, PDF preview is far more convenient using standard ABAP webdynpro control “Interactive form”. However if you would like to achieve the same via webclient UI, much more development are unavoidable. 1. in SPRO, define a new URL entity: you have to fill the respective url of your webdynpro application to be embedded into this url entity. Below is how to find the url of your webdynpro application: just copy the highlighted one to the url configuration below:  2. Configure transaction launcher, follow the steps defined in wizard: Specify a handler class. It is not necessary that the handler class must exist before this wizard is launched, the wizard will automatically generate it for you.  You will need a UI Object Type to finish the wizard. You can either choose to reuse an existing one or create a new one via the customizing node below:  You can just specify the object type name and save it.   In the fourth step of the wizard, specify the URL id created in step1. Complete the wizard. 3. use tcode CRMC_UI_NBLINKS, locate the navigation profile of your business role, say TPM-PRO,  and double click on “Define Logical Links”. Choose type “Launch Transaction” from drop down list, and for target ID use the fixed one EXECLTX. Choose the launch transaction created in step3 as Parameter, and for parameter class choose the class below. Maintain a meaningful description. 4. Now you should determine from which entry point in CRM UI could launch your ABAP webdynpro component. For example you would to add a new logical link in business role TPM-PRO, work center Master data as screenshot below:  You should first identify the technical name of Work center “Master Data”: Choose business role TPM-PRO, and double click on “Adjust work centers”, and technical name “MD-ALL” is identified.  Next step you should find out the technical name of logical link group where you can embedded your ABAP webdynpro component: Choose entry for MD-ALL, double click on “Assign Work Center Link Groups To Work Center”: Then MD-PRD-SR is what we look for. 5. Define a new logical link: Assign the logical link ID to the logical link group: Go back to “Define Business role”, enable the checkbox “In Menu” and “Visible”: After all configuration is done, once click the logical link, you can see the ABAP webdynpro in the CRM UI: The area marked with blank rectangle is the ABAP webdynpro UI.           http://bit.ly/2hFqrdY #SAP #SAPCloud #AI

[craigbrownphd-blog-blog]

Configure ABAP webdynpro component into CRM system via Transaction launcher

THINK twice why you want to include an ABAP webdynpro component into CRM UI, as in CRM application it is not recommended to use ABAP webdynpro to develop UI. In some case for example, PDF preview is far more convenient using standard ABAP webdynpro control “Interactive form”. However if you would like to achieve the same via webclient UI, much more development are unavoidable. 1. in SPRO, define a new URL entity: you have to fill the respective url of your webdynpro application to be embedded into this url entity. Below is how to find the url of your webdynpro application: just copy the highlighted one to the url configuration below:  2. Configure transaction launcher, follow the steps defined in wizard: Specify a handler class. It is not necessary that the handler class must exist before this wizard is launched, the wizard will automatically generate it for you.  You will need a UI Object Type to finish the wizard. You can either choose to reuse an existing one or create a new one via the customizing node below:  You can just specify the object type name and save it.   In the fourth step of the wizard, specify the URL id created in step1. Complete the wizard. 3. use tcode CRMC_UI_NBLINKS, locate the navigation profile of your business role, say TPM-PRO,  and double click on “Define Logical Links”. Choose type “Launch Transaction” from drop down list, and for target ID use the fixed one EXECLTX. Choose the launch transaction created in step3 as Parameter, and for parameter class choose the class below. Maintain a meaningful description. 4. Now you should determine from which entry point in CRM UI could launch your ABAP webdynpro component. For example you would to add a new logical link in business role TPM-PRO, work center Master data as screenshot below:  You should first identify the technical name of Work center “Master Data”: Choose business role TPM-PRO, and double click on “Adjust work centers”, and technical name “MD-ALL” is identified.  Next step you should find out the technical name of logical link group where you can embedded your ABAP webdynpro component: Choose entry for MD-ALL, double click on “Assign Work Center Link Groups To Work Center”: Then MD-PRD-SR is what we look for. 5. Define a new logical link: Assign the logical link ID to the logical link group: Go back to “Define Business role”, enable the checkbox “In Menu” and “Visible”: After all configuration is done, once click the logical link, you can see the ABAP webdynpro in the CRM UI: The area marked with blank rectangle is the ABAP webdynpro UI.           http://bit.ly/2hvUkNY #SAP #SAPCloud #AI

[craigbrownphd-blog-blog]

Configure ABAP webdynpro component into CRM system via Transaction launcher

THINK twice why you want to include an ABAP webdynpro component into CRM UI, as in CRM application it is not recommended to use ABAP webdynpro to develop UI. In some case for example, PDF preview is far more convenient using standard ABAP webdynpro control “Interactive form”. However if you would like to achieve the same via webclient UI, much more development are unavoidable. 1. in SPRO, define a new URL entity: you have to fill the respective url of your webdynpro application to be embedded into this url entity. Below is how to find the url of your webdynpro application: just copy the highlighted one to the url configuration below:  2. Configure transaction launcher, follow the steps defined in wizard: Specify a handler class. It is not necessary that the handler class must exist before this wizard is launched, the wizard will automatically generate it for you.  You will need a UI Object Type to finish the wizard. You can either choose to reuse an existing one or create a new one via the customizing node below:  You can just specify the object type name and save it.   In the fourth step of the wizard, specify the URL id created in step1. Complete the wizard. 3. use tcode CRMC_UI_NBLINKS, locate the navigation profile of your business role, say TPM-PRO,  and double click on “Define Logical Links”. Choose type “Launch Transaction” from drop down list, and for target ID use the fixed one EXECLTX. Choose the launch transaction created in step3 as Parameter, and for parameter class choose the class below. Maintain a meaningful description. 4. Now you should determine from which entry point in CRM UI could launch your ABAP webdynpro component. For example you would to add a new logical link in business role TPM-PRO, work center Master data as screenshot below:  You should first identify the technical name of Work center “Master Data”: Choose business role TPM-PRO, and double click on “Adjust work centers”, and technical name “MD-ALL” is identified.  Next step you should find out the technical name of logical link group where you can embedded your ABAP webdynpro component: Choose entry for MD-ALL, double click on “Assign Work Center Link Groups To Work Center”: Then MD-PRD-SR is what we look for. 5. Define a new logical link: Assign the logical link ID to the logical link group: Go back to “Define Business role”, enable the checkbox “In Menu” and “Visible”: After all configuration is done, once click the logical link, you can see the ABAP webdynpro in the CRM UI: The area marked with blank rectangle is the ABAP webdynpro UI.           http://bit.ly/2yUOVKh #SAP #SAPCloud #AI

[erpqna]

Search Paging implementation in S/4HANA and CRM Fiori application

Search Paging implementation in S/4HANA and CRM Fiori application

I Introduce the search paging implementation in S/4HANA for Customer Management built by CRM WebClient UI technology.

How about the search paging implemented in S/4HANA native Fiori application?

In this blog, I use Product Master Fiori application in S/4HANA and My Opportunity application in CRM for example.

Search paging implementation in S/4HANA Fiori application

Once search button is pressed,…