Skip to Content
Author's profile photo Jens Limbach

How to create a List Modification Form?

In this short tutorial I would like to explain how to create a list find form to be used for creating new entries in an advanced list pane. This will look similar to a quick create but works simply for a data list. Credit goes to Stefan Hagen for this hint

Goal: Create a quick create “like” form for adding new elements to a list

1. Create a DataList in the UI Designer Data Model (here: Contacts)

2. Right-Click on the DataList and select “Add ListModificationStructure”

3. Bind the relevant fields to the newly added structure

4. Should look like this:

/wp-content/uploads/2013/12/1_341620.jpg

5. Drag and Drop the ListModificationForm somewhere to your screen

/wp-content/uploads/2013/12/2_341708.jpg

6. Open the ListModificaitonForm and add the fields from your data model structure, also select your structure in the properties within “Associated ListModificationStructure”

/wp-content/uploads/2013/12/3_341709.jpg

7. Add a Hanlder that starts the form to the Add Button

/wp-content/uploads/2013/12/4_341710.jpg

8. Save and Activate and take a look:

/wp-content/uploads/2013/12/5_341711.jpg

Assigned Tags

      17 Comments
      You must be Logged on to comment or reply to a post.
      Author's profile photo Former Member
      Former Member

      Thanks for sharing Jens. As a FYI this is a standard "UX3" pattern that required if you use the Thing Inspector/Quick Create/Quick View UIs for Cloud for Customer extensions. There is also one more undocumented feature which is the "Card/Chunk" visualization of lists. Use the AlternateListVisualization switch in the list. There are plenty of examples how you set this up in all of the standard Cloud for Customer OWLs like Service Ticket, Account, Oppty, etc...

      Screen Shot 2013-12-11 at 10.57.34 PM.png

      Author's profile photo Jacques-Antoine Ollier
      Jacques-Antoine Ollier

      Hello Rei,

      Did you find how to use the Card/Chunk visualization of lists?

      This is a really interesting feature for SAP ByDesign as this kind of list exists through C4C but are very rare in ByDesign. It should be documented!

      Thank you for your attention.

      Best regards.

      Jacques-Antoine Ollier

      Author's profile photo Vinodkumar Kommineni
      Vinodkumar Kommineni

      Hi Jens,

      Thanks for the share.As Rei mentioned there are lot of features undocumented. We need to take a close look at a standard screen and figure it. At least we can see the standard screens!! though not the code behind standard BO's 😡

      Regards

      Vinod

      Author's profile photo Dhruvin Mehta
      Dhruvin Mehta

      Hi Jens!

      Thanks for sharing! It is truly helpful!

      Author's profile photo Dhruvin Mehta
      Dhruvin Mehta

      @Jens Limabach : I have doubt...how can the fields in list modification can be poppulated automatically..

      in your example also by selecting account id : name and lastname should poppulate automatically as soon as i select account id...

      How can we achive this? i did notice some RAL ( Read Access logging concept ) but i have no clue how exactly it work...

      Author's profile photo Dhruvin Mehta
      Dhruvin Mehta

      Did above requirment by absl 🙁

      Author's profile photo Horst Schaude
      Horst Schaude

      Hello Dhruvin,

      If you insert a DataOperation before starting the ListModification you can populate fileds in the Form automatically.

      ListMOdif.png

      In this example I set the "ParentName" before the form is displayed.

      HTH,

           Horst

      Author's profile photo Former Member
      Former Member

      Hi Jens,

      We have a scenario where we have to create tasks from a custom BO we have created. We are using a list modification form which gives Add and Add and New option in HTML5.

      Add button is working fine but when we use Add and New button does behave differently

      I have listed below the steps

      1) Add a Task

      2) Enter Task details say for e.g. Task 01

      3) Click Add and New

      4) Enter Task details for e.g. Task 02 and hit cancel instead of Add.

      Here both the tasks do not get added to the list modification table. Ideally Task 01 should be added to the list.

      They are stored in the buffer and I can get them back when I hit refresh button which saves the entries and refreshes the list. But this is manual step and I cannot find a mechanism to refresh the list automatically.

      Any idea / suggestions how do we get around this issue.

      Regards,

      Sandeep

      Author's profile photo s sin
      s sin

      Hi Jens,

      Thanks for your document,

      Can you please check here my question?Re: How to save the data of pop up and pass it to parent

      I have followed the steps, but I can not achieve the result.

      Many Thnaks

      Sin

      Author's profile photo Former Member
      Former Member

       hi,

       

      I have added an EC in Opportunity for the custom BO with an Advance list pane. The values are correctly filled in it.  But Now I have added a List Modification form like above to create new entries but it is not opening when I click on Add button. An exception is coming after it starts loading.

      what could be wrong.

      I tried adding an event to add row before listmodification to check if this is triggering or not but the row is added and then listmodification exception comes.

      Regards,

       

       

      Author's profile photo Former Member
      Former Member

      Hi Bansal Amrit,

       

      I have the same problem as you said, do you find the reason? could you please tell me how to solve this problem.

      Looking forward to your reply.

      Thanks in advance.

      Author's profile photo Astrid Burghart
      Astrid Burghart

       

      Hi Bansal,

       

      I'm facing the same issue today.

      I have implemented this for one BO and there everything was fine. Now I want to implement it for a second BO which is used in an EC. I have followed the steps abouve, but still got the same error.

      Could you solve it? And if yes, how did you do it?

       

      Thanks and best regards,

      Astrid

      Author's profile photo BONNET Benjamin
      BONNET Benjamin

      Hi Astrid,

      Were you able to fix that issue?
      I have the same problem now and I'm struggling to find a solution.

      Best regards,

      Benjamin

      Author's profile photo Former Member
      Former Member

      Hi Amrit & Xiong,

       

      I am facing same issue.  did you found the solution?

       

      Thanks & Regards,

      Niranjan Patel

      Author's profile photo Srikanth Rathod
      Srikanth Rathod

       

      Hi,

      I have an EC which is incorporated inside Standard Account TI screen. My EC displays the data and on each row there should be 1 field, if we click on that field it should display List Modification Form.

      I have made one field as Link and on click i have added an event handler and that event handler will call list modification form.

      I have followed the above steps and created list modification form. But ig gives me error when i click on the link.

      Can someone please help me.

       

      Thanks and Regards,

      Srikanth Rathod

       

      Author's profile photo Former Member
      Former Member

      Hi,

      I have created a list modification form and all the bindings are correct as far as i know but it is throwing an exception when i click on the 'Add' button.

      Could anyone find a solution for this?

       

      Author's profile photo BONNET Benjamin
      BONNET Benjamin

      Hello Jens Limbach

      I have just implemented what you described in this tutorial (also using several videos you made for CAS) and I have the same issue as a couple people described above where an axception occured.

      More details regarding the implementation:

      • Created a node in CustomerQuote standard BO
      • Created an embedded component to display the content of the node in the standard screen (dedicated facet).
      • Created the "add" button and used a list modification form to add entries to the list node.
      • On clic to the add button, exception occurs.

      Thanks in advance for any help you can provide.

      Best regards,

      Benjamin