How to create the Assignment Group Member View Lightning Components and an example Flow?
Instructions to create the Assignment Group Member View Lightning Component and an example Flow
Step 1 – Create the Aura Lightning Component
- Go to Developer Console | File | Lightning Component
- Name the component: NavigateToAssignmentGroup
- Create the COMPONENT as below
<aura:component implements="force:lightningQuickAction,lightning:availableForFlowActions">
<aura:attribute name="recordId" type="String" />
</aura:component>
- Create the CONTROLLER as below
({ invoke : function(component, event, helper) {
var record = component.get("v.recordId");
var baseURL = "/apex/ortoo_qra__AssignmentGroup?id="+ record + "&mo";
var urlEvent = $A.get("e.force:navigateToURL");
urlEvent.setParams({
"url": baseURL,
"isredirect": "true"
});
urlEvent.fire();
}})
- Create the DESIGN as below
<design:component>
<design:attribute name="recordId" label="Record ID" />
</design:component>
Step 2 – Create a Flow that will use the NavigateToAssignmentGroup Lightning component created in Step 1

- Start the Flow by adding “Screen” and named” “Select Assignment Group” – please see the details below:
- Record Choice Set:
.png?Policy=eyJTdGF0ZW1lbnQiOlt7IlJlc291cmNlIjoiaHR0cHM6Ly9kemY4dnF2MjRlcWhnLmNsb3VkZnJvbnQubmV0L3VzZXJmaWxlcy8yMzgxLzQ0MDcvY2tmaW5kZXIvaW1hZ2VzL3F1L2ltYWdlKDIpLnBuZyIsIkNvbmRpdGlvbiI6eyJEYXRlTGVzc1RoYW4iOnsiQVdTOkVwb2NoVGltZSI6MTc2MjA2NDQzN319fV19&Signature=bCdYMaeqlrAQKub8pa82uH2gmWcNjou3bZf2ZAQwk4kL9zZbuNmW8S6TPaS66iVdUB-kex1gvNFhetweMUg0OEUn9P9MQ0iT5NGjf2PNYcBzrwU0118vcDvPi-wB~v7EDxwY3Jd-uj2aPBZHsa2QF8fuvv-dNDMasQPRQYz-1VSGb8aYVHFarxZE5yfnjjU6KbvLh7-N5G6DkXhu5C5OEUvgT4LvUvtH8w368fnCZJr7faAm5bTcR-b1pyEYIXm4DfA3YHzqjdM6-5Lm6xWqWDTVqVclKelEhqPH8ICUNrOYW52xQ4KWc~reJKV~Y1oop0T7~5W5zTnx19X6A6AhZQ__&Key-Pair-Id=K2TK3EG287XSFC)
.png?Policy=eyJTdGF0ZW1lbnQiOlt7IlJlc291cmNlIjoiaHR0cHM6Ly9kemY4dnF2MjRlcWhnLmNsb3VkZnJvbnQubmV0L3VzZXJmaWxlcy8yMzgxLzQ0MDcvY2tmaW5kZXIvaW1hZ2VzL3F1L2ltYWdlKDMpLnBuZyIsIkNvbmRpdGlvbiI6eyJEYXRlTGVzc1RoYW4iOnsiQVdTOkVwb2NoVGltZSI6MTc2MjA2NDQzN319fV19&Signature=oCRl3soevfGvelrUvtNl8HeCVVp7DLFxis8zGv3iH7-5Fy4MTPCSg91aKFClV3lT~Y7gGM15XqQ7GIo-Jppbcm0SY3dn4iMq7TBlwQlBnfaoWgpOBCYil-nORMvIAqDU5l11~Svz8q7msDSwsrDd0qqNjM3pGcNc4Chuzzq82W3Zg4awv-NfNhriibFuAVAiuzsBSqXFUV1Z~Jlb03fIJvwkPBiv0PLUInfqsjZeJH3ckcfSA1AcFV1i0vQeAhteUsKYdWrZ2PfGM59SDqDP9DCKFN6uWCM0QfClgYefNzE2-eeeUTcf7FtFTpuL109aeOlQRnfBAUwy2OCFXHg6UA__&Key-Pair-Id=K2TK3EG287XSFC)
- Once added the screen element, add the Assignment logic element – as follow:
- For that you need to set the “AssignmentGroupID” variable – as follow:
.png?Policy=eyJTdGF0ZW1lbnQiOlt7IlJlc291cmNlIjoiaHR0cHM6Ly9kemY4dnF2MjRlcWhnLmNsb3VkZnJvbnQubmV0L3VzZXJmaWxlcy8yMzgxLzQ0MDcvY2tmaW5kZXIvaW1hZ2VzL3F1L2ltYWdlKDUpLnBuZyIsIkNvbmRpdGlvbiI6eyJEYXRlTGVzc1RoYW4iOnsiQVdTOkVwb2NoVGltZSI6MTc2MjA2NDQzN319fV19&Signature=EvVJlwbkRGI-9GXsTeqo5CzyeWp1kiRTEMAkRa7taoQJUeKu3R2lZeGyW7LgJ2KUy7fpm5ihpl76mjGAs~iaWyILuZ1X9vWh90HN6Dr-W3lCO4OzehldLB2OMUvxssuSI0Jo6bcSycJchzdG0ixOO7Ppj0otpjdGH~TISeNaqk52466ep0KPY9pgnoLM-d0YqzOwn~9Qp~KE9pvGnMXbfBPv12ex3TvwOl0GB4Wgs5O3GSvqrL19iVPG7f3esPEdCEst6Kt5J8EoBO093AO6DJki6-MhmB7nSFGrHCWzL5vgH6TEq56101iTD8ZP5NL2BUcsPoMYepclTO3pXVwM5w__&Key-Pair-Id=K2TK3EG287XSFC)
- For that you need to set the “AssignmentGroupID” variable – as follow:
- Once done setting up the Assignment Group ID, add the “Action” element – as follow:
- Set the Input Value as shown in the screenshot below:
- Search for the lightning component – we have created above “NavigateToAssignmentGroup”
- Go to Actions
.png?Policy=eyJTdGF0ZW1lbnQiOlt7IlJlc291cmNlIjoiaHR0cHM6Ly9kemY4dnF2MjRlcWhnLmNsb3VkZnJvbnQubmV0L3VzZXJmaWxlcy8yMzgxLzQ0MDcvY2tmaW5kZXIvaW1hZ2VzL3F1L2ltYWdlKDYpLnBuZyIsIkNvbmRpdGlvbiI6eyJEYXRlTGVzc1RoYW4iOnsiQVdTOkVwb2NoVGltZSI6MTc2MjA2NDQzN319fV19&Signature=NO6KB-sYJkMD-YxYFFtDYIGOykMTfRwP0bXp6ec9NYb0OV6KzCeTCKvsWzhiGfqi2Lfkyx9AyNMTCYTyAqWbNOcqsDZZ5gsaNJmBajXWY3NUG~TM~6CWUPj~1h0Fo6xaucI3~-kP7HZ-58w5tiRp2O9NRfv7GHEtWjwyUtePjWXKCUJhEImRACrgvzFD81be6lzbDBUh4Qkjr4zP~Us8cG3ADJxNl7nGyUo4K3av9~4s4WQ2p0oJnFb7LQSqd6zkxv9vb8OG8qkYa9UI7E1l85sr-qmcsDn5TWH5XA22V56c7c92sVv8iwiOqSwOzI46yVDia3xb2xe3w7RtQpE5HA__&Key-Pair-Id=K2TK3EG287XSFC)
4. Add the final screen to the Flow – as follow. Also, you can add any message to that screen and show any Assignment Group Details e.g. Name, Description, etc
.png?Policy=eyJTdGF0ZW1lbnQiOlt7IlJlc291cmNlIjoiaHR0cHM6Ly9kemY4dnF2MjRlcWhnLmNsb3VkZnJvbnQubmV0L3VzZXJmaWxlcy8yMzgxLzQ0MDcvY2tmaW5kZXIvaW1hZ2VzL3F1L2ltYWdlKDcpLnBuZyIsIkNvbmRpdGlvbiI6eyJEYXRlTGVzc1RoYW4iOnsiQVdTOkVwb2NoVGltZSI6MTc2MjA2NDQzN319fV19&Signature=WMyDKSlwhke~nbdShu5xK5aZ2ddrEzb9tBqb4-ZnZBRcZEbMvAkBztrFhTYPC6gOk8v02T-iC1LU7V0OJuY5qTLx~gRUVhxDp-TG2r0-SYz~O4TV3v64bntGZlV4uovTkD6~4yERikiC9uqAVAl1dUppZ84gztoDklJqNNvty1OWMaxHcYaLCLNC42RXTrlfUPBlrfUmDID3lXVtqK53rsnWrOSxxuKbmAfpkRWtYqGiEUVchTbOBKZyKEy7DWX98OyIoI7voujfVq0yS5U~9nrgZqhkFlD0zwka0vD4qSXFWNgjHeqCcbFN7ohOoMM4zXJtItVEnRH1B3hWgeqKuw__&Key-Pair-Id=K2TK3EG287XSFC)
Step 3 –The flow created in Step 2 can be called directly from the Lightning component from the Utility Bar as below.
.png?Policy=eyJTdGF0ZW1lbnQiOlt7IlJlc291cmNlIjoiaHR0cHM6Ly9kemY4dnF2MjRlcWhnLmNsb3VkZnJvbnQubmV0L3VzZXJmaWxlcy8yMzgxLzQ0MDcvY2tmaW5kZXIvaW1hZ2VzL3F1L2ltYWdlKDgpLnBuZyIsIkNvbmRpdGlvbiI6eyJEYXRlTGVzc1RoYW4iOnsiQVdTOkVwb2NoVGltZSI6MTc2MjA2NDQzN319fV19&Signature=ewMyG3YxoQsmt3TKa4rM1dsV-qpIWsx5FthG1iRJPkVGaaJ~Url0Ivqdg6-YISTPWbexSF3KHcuvLkdZXSRDZo2OvqySd~FQ61QUKncZoZFddPXfnfutdrUjzJa2huv64Lob3TMxRsmYFHI5SzPYEIuWUzZ0Zi4BPJxuAeTlBrJVJbcl56a0cIYkzfDslTMoEHyFF-KZcng8uhBencjwGysqWsKM45VjZ1~0iNqkmgkRLEoFBCK7exP1OgAjgmgW2ZfH6p8~b~qOezFx2nZ85VjooHPpfvKEoX69EOJS41TLstyQ-1JBhgGxRqB3QN31~YbyndI08yn4Jg-~94sW0w__&Key-Pair-Id=K2TK3EG287XSFC)
Or as a component on the home page as below.
.png?Policy=eyJTdGF0ZW1lbnQiOlt7IlJlc291cmNlIjoiaHR0cHM6Ly9kemY4dnF2MjRlcWhnLmNsb3VkZnJvbnQubmV0L3VzZXJmaWxlcy8yMzgxLzQ0MDcvY2tmaW5kZXIvaW1hZ2VzL3F1L2ltYWdlKDkpLnBuZyIsIkNvbmRpdGlvbiI6eyJEYXRlTGVzc1RoYW4iOnsiQVdTOkVwb2NoVGltZSI6MTc2MjA2NDQzN319fV19&Signature=XLngVgqN9FU9glrANxjqpq7x-tLz3L~zCAU4zMBP8j9fYXI3f1nqT-fOXBDRrw1c3U7sJi4aVfOdlmpOmECHuNUDklTkVKv2AGzSlIa0hxhU3-s8OVjOru-5WNpt~r3BJK-hbQbMDr80WXlvAPkuZNevmmDzycb7qsFkyY9ZZhZztks2fjbhY2SFOnk6M6nOYooTYniHmJQ8nyxKOmn4knGEkYg21z1KJ01ORb8mYojtrjtKrYMbzGJKsFDx1hiOhiN9lP049NMJOGbPxJ2vXEY8g2MwWagVM5hgis7Lk-K3BvnrvuTTFG8sABnmiiueVmgu8C3s0sp1dAMApu-TcA__&Key-Pair-Id=K2TK3EG287XSFC)
Note: Make sure to add "Run Flows" System Permission and in "Flows" permission allows access to that specific flow.
Please contact us at support@ortooapps.com for any questions.