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=eyJTdGF0ZW1lbnQiOlt7IlJlc291cmNlIjoiaHR0cHM6Ly9kemY4dnF2MjRlcWhnLmNsb3VkZnJvbnQubmV0L3VzZXJmaWxlcy8yMzgxLzQ0MDcvY2tmaW5kZXIvaW1hZ2VzL3F1L2ltYWdlKDIpLnBuZyIsIkNvbmRpdGlvbiI6eyJEYXRlTGVzc1RoYW4iOnsiQVdTOkVwb2NoVGltZSI6MTc2ODY0MjY0Nn19fV19&Signature=jJkEClsDG~OpWiiB2cWeIuriMaHdI5pX7SvRxQZlwQ6WrKBnaXdM4AC7ACJKg~ckCVP9NE6TXf9MGlBgnfSNPyj8VQnwBde1JHCsSsrVFWhOjuVMT5-m4IEFWUSe~DJVtRz-wMbzMusSwPTdeMHb9HcfMKa1gY5DplM-Dn7Dv-jBxbTEjeMrKkQyc0ZS-LlboDLq0lC3PE6s730xrILQbEpaFCET5j-xpy9SPV8thvqFRx2ilmmC99fQ32H-rOhGqB9zOBLDmndGPYw8HBMo2zv24OSdWY2dEpAeF19jA5te5--pxUmWrfMkkH81CW12AFm~unaHbsXR16YYz10tgw__&Key-Pair-Id=K2TK3EG287XSFC)
.png?Policy=eyJTdGF0ZW1lbnQiOlt7IlJlc291cmNlIjoiaHR0cHM6Ly9kemY4dnF2MjRlcWhnLmNsb3VkZnJvbnQubmV0L3VzZXJmaWxlcy8yMzgxLzQ0MDcvY2tmaW5kZXIvaW1hZ2VzL3F1L2ltYWdlKDMpLnBuZyIsIkNvbmRpdGlvbiI6eyJEYXRlTGVzc1RoYW4iOnsiQVdTOkVwb2NoVGltZSI6MTc2ODY0MjY0Nn19fV19&Signature=XDqYKzb4KzQrNGTuk4q6G-8Z1cpFCE0PUF3Nl4q8RpdUDqUksmOpnDH4dhMGFoEtYLB8nNMxjcdCkegBi-F9LGNE5Odf3tjlZDjvlU1eNIJzt3OJdpHIUWba5~H3WrtU70BsaB8QrmPEB-454UL4sVYcuWWsJWIplPWf1g6QNoX~kSK47NBqj9EeO~rts18mnKVB9IsdYgahGfpUV0gtVlF8Al2CI7xtIyjvpR9~fFVn4jD2M79v~uRxgEuyF8PX8w5T~B0q0gvpiUwPh3xRwmuWo3TQ-206b-jMqfdoyz6otbfvQDs8bwDDA-atzZQEJBW0CjwHsUHRj9L-x-h8gg__&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=eyJTdGF0ZW1lbnQiOlt7IlJlc291cmNlIjoiaHR0cHM6Ly9kemY4dnF2MjRlcWhnLmNsb3VkZnJvbnQubmV0L3VzZXJmaWxlcy8yMzgxLzQ0MDcvY2tmaW5kZXIvaW1hZ2VzL3F1L2ltYWdlKDUpLnBuZyIsIkNvbmRpdGlvbiI6eyJEYXRlTGVzc1RoYW4iOnsiQVdTOkVwb2NoVGltZSI6MTc2ODY0MjY0Nn19fV19&Signature=G5zUmp1RsOdgd6WAI0jeM-FeTehaazmt75hXPZ8qfsJdds1vrWpqqSQ69dAA32a2eNlXauC~XCsDcLhmnK5qWOBrcBTAcr4~apI9BfrKQqb-WXBP21eyhprBsDP0gwnt6RhnwVfWYKQxD3HNElOR6AGYx4omLtiYM7~l2kcI0U1peRrBxdYuDuufzYoxgyDPPY2ezCUhQX2FjCxaXWJxWhu1MXcdwS7YWTUGIBPEP2Y-wqd4hmPYDdK8XdWvGxmUe4FFZnMp5XhfGyUywbwT9m1y-7vaqz12MKit4wiQe-gxqKtcmv9davWiy2eRjRxO7fZBMppz4qh64IIBRN652g__&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=eyJTdGF0ZW1lbnQiOlt7IlJlc291cmNlIjoiaHR0cHM6Ly9kemY4dnF2MjRlcWhnLmNsb3VkZnJvbnQubmV0L3VzZXJmaWxlcy8yMzgxLzQ0MDcvY2tmaW5kZXIvaW1hZ2VzL3F1L2ltYWdlKDYpLnBuZyIsIkNvbmRpdGlvbiI6eyJEYXRlTGVzc1RoYW4iOnsiQVdTOkVwb2NoVGltZSI6MTc2ODY0MjY0Nn19fV19&Signature=RsPPA58dNZScDMEgHl1rtUzAqOMnj5~JmKkLSkmwqGNVEFke4FUlvXteRJBXUjfnNv1se6qoI1mHQo7BAwcweKgoAhA~1sWP9PSW9IOkY12X7suJ2QVgynQ2K4BTCq9JOa7TW2E9Hwrxk2mNFdgcGCXdks~SiZJizjVhWHG7VQTxAs1cqAypFzgRf2MHHbV3Tj9edKLTdu3D5CGEu~WgZXt4JlCusX-4SDd8Awhz-x7agao3s~EfXqAvKXyxIG2XmVjY4Z1503LW7xf2AbTbscSxWZmhH0NSGf81bubhraHfTARJPKX3Pdso~3b6uwBxe-V4g41gR5F8shGWKHNuMw__&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=eyJTdGF0ZW1lbnQiOlt7IlJlc291cmNlIjoiaHR0cHM6Ly9kemY4dnF2MjRlcWhnLmNsb3VkZnJvbnQubmV0L3VzZXJmaWxlcy8yMzgxLzQ0MDcvY2tmaW5kZXIvaW1hZ2VzL3F1L2ltYWdlKDcpLnBuZyIsIkNvbmRpdGlvbiI6eyJEYXRlTGVzc1RoYW4iOnsiQVdTOkVwb2NoVGltZSI6MTc2ODY0MjY0Nn19fV19&Signature=maeA9nEqxPUhamC5JNYFWfyTR1kfSe3kXWA-A0WFuAO6ZY~Rp6HSw~ONatnXc7QjeBdqGxGm4CM1d~gXpbBlBXzHbbkAbpZmkK9puNmX5RfmAUEqJ1YFGVARZmJtJaIYlkwkslE0SiSyJAEbNzKqwK6-DUMXd8~9Co8rZsg-Rc4AnQd02YPt7ZrrAf1GmG1eHCIR8JUXO1tnCSpM9tN744sHeDJHDsugJfh72KAec7ov~S1EGGMupCbj2KsSWyFX0ETxD2p2Ff1pyN9e6ez3QfyFg9u8vt5cljq5JO6yNO5YAB2LPWzSjOPkDVRYcV94u8HSYQfdyyRNx1enjZ-B1Q__&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=eyJTdGF0ZW1lbnQiOlt7IlJlc291cmNlIjoiaHR0cHM6Ly9kemY4dnF2MjRlcWhnLmNsb3VkZnJvbnQubmV0L3VzZXJmaWxlcy8yMzgxLzQ0MDcvY2tmaW5kZXIvaW1hZ2VzL3F1L2ltYWdlKDgpLnBuZyIsIkNvbmRpdGlvbiI6eyJEYXRlTGVzc1RoYW4iOnsiQVdTOkVwb2NoVGltZSI6MTc2ODY0MjY0Nn19fV19&Signature=rhDaZ3kf36k5pn6k5PhJy00chSWv6auYM38TuwYaEzgpS4eWN-TMxLnZH1PGEg4cLrT83puQkUl5TlqKaw8qQqKl1xx6aF67tDna-x3XIRkJ7jvV5wph8Quii9UnsybnoUfUmmBO6EYLphrPwDCbjyFrQSTNr3wbfo9y1GfotXbti9OGVTWYgK2bPQzb~VsUXqpiv8d7Yc3OCP8EKnFf9Bk9O7wveyeiLlrMEgkdvqxx3mP3sbYQrBgq-5WRF7dkVJkybNc4sOfoxr-WTWz9jkuG9aYSFrkunPVyF0c~OpaJv02csL1q0r6zzx1o1QuSUQy2FGSC9UYqC9rgnMzeQQ__&Key-Pair-Id=K2TK3EG287XSFC)
Or as a component on the home page as below.
.png?Policy=eyJTdGF0ZW1lbnQiOlt7IlJlc291cmNlIjoiaHR0cHM6Ly9kemY4dnF2MjRlcWhnLmNsb3VkZnJvbnQubmV0L3VzZXJmaWxlcy8yMzgxLzQ0MDcvY2tmaW5kZXIvaW1hZ2VzL3F1L2ltYWdlKDkpLnBuZyIsIkNvbmRpdGlvbiI6eyJEYXRlTGVzc1RoYW4iOnsiQVdTOkVwb2NoVGltZSI6MTc2ODY0MjY0Nn19fV19&Signature=mtMoeR8LlCe6fj6~IaAK8vGxWjMShdm541zkaOEpuNLejoFvWHXhjq1YeZJd21FEVl14O6giH1NYbnVARywM3F7iPRS96gcMN7EwX4HDO9C1Ftg7mQUj7u-v7NWbQSmX4EXvCNUuud~CJzBd4G4PlYHyR~UWPewHdjjev~Ax~yq~4M7JgozjdXmgIAqP3G6Wuv~3N~bp76Bh84b6OqOCOpZA4PiJsMQtQVoiIweFq3LvonodOiS0PdYIhRMU2p6COkkIXeAzWTldaEh-VG~jtrlggh0vxfkTaVvS-ji4fjLoAEImWOaMB5j~Oj~tm7avmNxqNdp9NDa2S3aScAa1jQ__&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.