Visual Builder

Get Involved. Join the Conversation.

Topic

    Christopher Maggiulli
    Adding PCS Embedded UI Components as RequireJSAnswered
    Topic posted October 4, 2018 by Christopher MaggiulliSilver Crown: 22,500+ Points, tagged Process, REST, Services, UI 
    125 Views, 4 Comments
    Title:
    Adding PCS Embedded UI Components as RequireJS
    Content:

    I have a VBCS application that is connected to a process server (PCS).  I am able to use the embedded UI components via iframes because they are in the same identity domain.  However this has the downfaill of not being able to take full advantage of the embedded ui components (for example I cant change what happens when the submit button or approve/reject is clicked).  Basically is there a tutorial to show me how to use these in VBCS?  I have been able to get them to work on a regular apache httpd server, but I cant seem to configure them in VBCS.

    Version:
    18.3.5

    Best Comment

    Vipul Lalan

    When you display the task in the detail page, the task actions are already part of the task object. The task actions are available as "actions" array under the task object.

    There is also a "Perform Task" action which can be used to perform the task action on the given task with the selected task action in the UI.

    To show the task payload and create the form in VBCS, you can use a Service Connection and point it to https://<PCSServer>/bpm/api/4.0/tasks/{taskId}/payload endpoint. You can use this endpoint data to know the task payload and display it in a form in VBCS which will give you the full power to control the form.

    Comment

     

    • Shay Shmeltzer

      Have you tried using the UI that VBCS provides for this or the UI code sample it provides when you add a process?

      See Integrating Processes into Visual Builder Cloud Applications

      And these parts of the learning path:

      Processes in VBCS Applications - Adding a Task List

      Processes in VBCS Applications - Adding Task Buttons to a Business Object Edit Page

       

      • Christopher Maggiulli

        Yes I am already using these options however it is not comprehensive.  Let's say I have a BPMN process with a message start then an approval huamn task with 5 stages.  Let's say I don't want to use the PCS platform because it doesn't offer the flexibility I need.  How else am I suppose to display the approval task on the task details page?  I can use an iframe as specified in the components OOTB section, but that does not give me access to change the behavior of the form.  I very much need to get this working in VBCS.  I have it working on an apache httpd using reuirejs but cant figure out how to get it working in VBCS

        • Vipul Lalan

          When you display the task in the detail page, the task actions are already part of the task object. The task actions are available as "actions" array under the task object.

          There is also a "Perform Task" action which can be used to perform the task action on the given task with the selected task action in the UI.

          To show the task payload and create the form in VBCS, you can use a Service Connection and point it to https://<PCSServer>/bpm/api/4.0/tasks/{taskId}/payload endpoint. You can use this endpoint data to know the task payload and display it in a form in VBCS which will give you the full power to control the form.

          • Christopher Maggiulli

            I appreciate the work around and I am familiar with the /ic/api and /bpm/api endpoints but I would still rather use the embedded ui components as requireJS modules since the forms are already developed and redeveloping the entire thing in VBCS is a large task.  We are already using the process service provider to retreive the task and process list but that is riddled with bugs (for example, sorting on the tables doesnt work, filtering tasks by createdBy user doesn't work, orderby doesnt work, etc).