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=eyJTdGF0ZW1lbnQiOlt7IlJlc291cmNlIjoiaHR0cHM6Ly9kemY4dnF2MjRlcWhnLmNsb3VkZnJvbnQubmV0L3VzZXJmaWxlcy8yMzgxLzQ0MDcvY2tmaW5kZXIvaW1hZ2VzL3F1L2ltYWdlKDIpLnBuZyIsIkNvbmRpdGlvbiI6eyJEYXRlTGVzc1RoYW4iOnsiQVdTOkVwb2NoVGltZSI6MTc4NjM5MDE3NX19fV19&Signature=OeFtlQAkVIi2OvWx0-bFbsfm7WqIwG8TVkeXGvsOse04POx0dgISGqpCF03dg933KcNo7D98C7copi72BOxF74zkaQeEqutq~MbvDrWvKxCZF9B-FLqhOEU0f7zSUNtepdYkze1yiM~dkO8SgqLQH5b8a-6WZcDNmmEClBM2~nu-v-51yvqKbshuoX3~ZRjxh30p8N0z7dtgwOv0Tmc~8blEO7yy73Z07O5U1gMAG5kBY1zYrQTN9-MRWeQwpWssuT3Zj-ocRu6l1WwmYesBgeUz00HUtBLmHJ7bFjzfto5ORj8ph7GmY0osVONaZZp93KQ7tGwMpUiwAfQXY6jRpg__&Key-Pair-Id=K2TK3EG287XSFC)
.png?Policy=eyJTdGF0ZW1lbnQiOlt7IlJlc291cmNlIjoiaHR0cHM6Ly9kemY4dnF2MjRlcWhnLmNsb3VkZnJvbnQubmV0L3VzZXJmaWxlcy8yMzgxLzQ0MDcvY2tmaW5kZXIvaW1hZ2VzL3F1L2ltYWdlKDMpLnBuZyIsIkNvbmRpdGlvbiI6eyJEYXRlTGVzc1RoYW4iOnsiQVdTOkVwb2NoVGltZSI6MTc4NjM5MDE3NX19fV19&Signature=DEgBCGnyxPokh-PgJ~A1bMp0o-yer5nbyIAvZtAjahfIFas3rgI78b4H1gTD9kz4WK6JRyQwW~c4tP1SJdC9wlADuEvZDnb4sayTYNaClEy8Es4b3Dxgudxm6YjkEMiYiyznuGLXDfOhOzxqDr4cvQWa37VFKlQGRItXwZL4yzZzdzLb1rPotPRmNF-VFJWfYspL~OSJYAnQYPRbTiV~vVUFK-pWEtd7-~5OVFhaL0v2kik-xHt4KFKBJ~fsMhVgz77i1JL2hrvkUWlBVtCIDR2t6LDcPvjKkLZMgjYcZ5Ti4ElkP8Z9f6vMx0R394DoCU2tNQJbwKFLdui10roz~g__&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=eyJTdGF0ZW1lbnQiOlt7IlJlc291cmNlIjoiaHR0cHM6Ly9kemY4dnF2MjRlcWhnLmNsb3VkZnJvbnQubmV0L3VzZXJmaWxlcy8yMzgxLzQ0MDcvY2tmaW5kZXIvaW1hZ2VzL3F1L2ltYWdlKDUpLnBuZyIsIkNvbmRpdGlvbiI6eyJEYXRlTGVzc1RoYW4iOnsiQVdTOkVwb2NoVGltZSI6MTc4NjM5MDE3NX19fV19&Signature=L7chDw56kA~Xlts9DWzrW1wanQqxJnqd8QrbOpIhCloiUwS3Lttm5UDh5JkRKNjP4kTRBywlhFDk6D8QvLWN0jf~lC~~MTAWL4Hhwj9km2HQbxOhDIWIJz0XscLwYglBDVPRAhbVWe9rs0Icvm-rxMVEeN8M34PZOqe7JjhUL3dLH2n7tgCLnWcdsKNwE0vcS7OJafPAfE1hRh7SMrX2FJmWva4vrCWZHEJbUo9d4bufqV40zyztdBk6qOu5EDb77TlWOamDbTPAuIY4PhVSC6ZwcCYl6WBHPNVWjdW8e3JYNIAHpEUZxN1mTiXJyv6Y8-HlTTTN8tl3PlBZ99q1uQ__&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=eyJTdGF0ZW1lbnQiOlt7IlJlc291cmNlIjoiaHR0cHM6Ly9kemY4dnF2MjRlcWhnLmNsb3VkZnJvbnQubmV0L3VzZXJmaWxlcy8yMzgxLzQ0MDcvY2tmaW5kZXIvaW1hZ2VzL3F1L2ltYWdlKDYpLnBuZyIsIkNvbmRpdGlvbiI6eyJEYXRlTGVzc1RoYW4iOnsiQVdTOkVwb2NoVGltZSI6MTc4NjM5MDE3NX19fV19&Signature=PVEKZYOj5eKvsCdx-cp20QR6x97oa7CpisTKYfzQqI9lOVHCgSHXbXRTeknm2AQgd1jtjJ7xTaynQK9kQx4faOhorbiCqnxzGogo1FJmoCPtfIRhAVdK2hiArOvBR0FNtiAT2nwQu9epGuPNcMFcAYeUOk17ZOzTHQeVJ2HTidrsmqdPdcgrZuXjNFanzMg0JaIHgDuVKytf9Hs6GXESZXTgswbq8tytFEEySCgKbtj0dAdLydg5N9De39UokB9e7NCKtuURr2b1Hm~HG16rCfrH~9WjaEOBwD4RH1OHGvXlaaDmTJW12UjNEerJReAMy7cRR3ooQfhOcCJ83Sxftg__&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=eyJTdGF0ZW1lbnQiOlt7IlJlc291cmNlIjoiaHR0cHM6Ly9kemY4dnF2MjRlcWhnLmNsb3VkZnJvbnQubmV0L3VzZXJmaWxlcy8yMzgxLzQ0MDcvY2tmaW5kZXIvaW1hZ2VzL3F1L2ltYWdlKDcpLnBuZyIsIkNvbmRpdGlvbiI6eyJEYXRlTGVzc1RoYW4iOnsiQVdTOkVwb2NoVGltZSI6MTc4NjM5MDE3NX19fV19&Signature=AqRpzQc3cKwlDEp9CnBD~Kh~TQLOtjs47oYfrgWtKWS5Y9NPA3BQqH8WIVJmmTENdDTSuNb6-KLm~3s3Kc9aCfLi2WjM6J6uWsvsEFsMXzztUS4BfIaFC-FzNzacWy7GoueUT5EEI~noGunoYvNWo1r3An0VL-CZhVaGE7-wUxjABDxlqdOBQlVGgNe01AEcs5GVDs7mJTn4ksAexEu6al0ZtEOCZI3UP8p3o3D69cAa65wrJtv80L0uZFJHm9Pf2CEHGva8eECJLlyI9Z3puhC6E6Nn2yU03D62Pvq~EiWJRSXfuUUvStc5tgZgWKu60auiQmr6P8eBlxNWi-feWQ__&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=eyJTdGF0ZW1lbnQiOlt7IlJlc291cmNlIjoiaHR0cHM6Ly9kemY4dnF2MjRlcWhnLmNsb3VkZnJvbnQubmV0L3VzZXJmaWxlcy8yMzgxLzQ0MDcvY2tmaW5kZXIvaW1hZ2VzL3F1L2ltYWdlKDgpLnBuZyIsIkNvbmRpdGlvbiI6eyJEYXRlTGVzc1RoYW4iOnsiQVdTOkVwb2NoVGltZSI6MTc4NjM5MDE3NX19fV19&Signature=XhplC8BGF4HD9vwK0~k4VgNq6nboBU2nviaC4MA-XNKYwJ72BZFJyV0pTHJhUPPo9IT6N1tiOjRPlSHfyfPxJ1mMjpOtV5rAhTSx2Ed9Qt1-s~FsTdOug-uXocDKno-ihmsnaPLDTj2tuvNdKfZkPYnzJL0qGi4zg8-p2GfENo9TiCYuyVLN3Efo4OaKK57GhI7XxCaqQ2tMJZlzYGLDoFU~ItGbShiqhEGGf-9uMjR7lqf8ueZaH8ItXyBLiFfxBA0pLTpaTi~0bmc0XOGAju5xtK9ySWr-moYFBYjlDEjaDTIof9XBeY3ZDHP7oZ~n085A82ulKCmllmN8RV1vlA__&Key-Pair-Id=K2TK3EG287XSFC)
Or as a component on the home page as below.
.png?Policy=eyJTdGF0ZW1lbnQiOlt7IlJlc291cmNlIjoiaHR0cHM6Ly9kemY4dnF2MjRlcWhnLmNsb3VkZnJvbnQubmV0L3VzZXJmaWxlcy8yMzgxLzQ0MDcvY2tmaW5kZXIvaW1hZ2VzL3F1L2ltYWdlKDkpLnBuZyIsIkNvbmRpdGlvbiI6eyJEYXRlTGVzc1RoYW4iOnsiQVdTOkVwb2NoVGltZSI6MTc4NjM5MDE3NX19fV19&Signature=fSyw8JXWwy3RC2xhO~K-~7cWR3YznObLOjEdXifSQR33d~34mqan~~m7-hnr3gGF2Lprw38k~7dBmrgrJB2KT2NkubNQrT5m7Wcj2DmPldn9tOd8dlCMeQAiAjKAl~8xeuHlfeUT~dp49D49PnwhsB7eeZ0WtI0bj7XYxrXJtn7iNe2Sxqa7TNSezXgGaq2z0BFahPImIjAgNW5MSuZoVARvIxwZ-rMS8WDFW4UYAAaoE9sp2OpmW~AwbrzFRFkrlWGfOf9PgrW7ddHvGn9eLgpzrxuzm7mQqjBQUw23yjkHs8LeEO8Dp-P1j9oHUJevQe8pIVSq9k5I7mJXDFWXNg__&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.