Select list from Roles and Users

Ernesto

Hello everyone,

In a process, I need to make it possible to select a role or user (select list in the UI) to guide the flow to the next step. I want to populate the select list via a subprocess to reuse it. For now, I am getting the list by script. However, I have two problems:

The list won't pass to my main process, so the select list in the UI isn't populated.
Also, system roles and users are not being retrieved.
Can anyone suggest an easier way to populate such a select list?

Thanks a lot in advance

NamChu

hi @Ernesto
We have user and role component selection as an item in the market
Document
https://market.axonivy.com/market-cache/portal/portal-guide/10.0.27/doc/portal-components/user-selection/index.html
https://market.axonivy.com/market-cache/portal/portal-guide/10.0.27/doc/portal-components/role-selection/index.html
Source code, then select portal app(zip)

https://market.axonivy.com/portal?version=Version%2010.0.27

It may help you for reference
Feel free to ask for any unclear points

lttung04

Hi @Ernesto
You could also download Portal Components Examples for sample code of using user and role selection components.

Ernesto

Thanks a lot both! I will follow both suggestions.

Ernesto

@NamChu
Do you mind share some screen shots (or maybe a Teams session) how to implement these components in another project?
Kind Regards,
Ernesto

NamChu

hi @Ernesto
Here is the todo list
1 - depend your project on portal-components, latest version is 10.0.27

2 - in your project, call these component like in the document link I posted

<ic:com.axonivy.portal.components.RoleSelection componentId="default-role-autocomplete" selectedRole="#{data.selectedRole}"
              isRenderedMessage="true" label="Default role selection" labelPanelStyleClass="ui-g-3 ui-md-3 ui-sm-12"
              autoCompleteStyleClass="width-100" autoCompletePanelStyleClass="ui-g-9 ui-sm-12"
              messageStyleClass="ui-g-9 ui-g-offset-3 ui-sm-offset-0 ui-sm-12 user-selection-message-with-button-inline"
               hightlight="false" isRequired="true" />

Role selection UI

For user selection, insert this code

<ic:com.axonivy.portal.components.UserSelection componentId="default-user-autocomplete" selectedUser="#{data.selectedUser}"
            label="Default user selection" isRequired="true" labelPanelStyleClass="ui-g-3 ui-md-3 ui-sm-12" autoCompleteStyleClass="width-100"
            autoCompletePanelStyleClass="ui-g-9 ui-sm-12" messageStyleClass="ui-g-9 ui-g-offset-3 ui-sm-offset-0 ui-sm-12 user-selection-message-with-button-inline" />

If it's still not clear, please contact me via Teams channel chnam@axonactive.com for more details

NamChu

hi @Ernesto
Here is the todo list
1 - depend your project on portal-components, latest version is 10.0.27

2 - in your project, call these component like in the document link I posted

<ic:com.axonivy.portal.components.RoleSelection componentId="default-role-autocomplete" selectedRole="#{data.selectedRole}"
              isRenderedMessage="true" label="Default role selection" labelPanelStyleClass="ui-g-3 ui-md-3 ui-sm-12"
              autoCompleteStyleClass="width-100" autoCompletePanelStyleClass="ui-g-9 ui-sm-12"
              messageStyleClass="ui-g-9 ui-g-offset-3 ui-sm-offset-0 ui-sm-12 user-selection-message-with-button-inline"
               hightlight="false" isRequired="true" />

Role selection UI

For user selection, insert this code

<ic:com.axonivy.portal.components.UserSelection componentId="default-user-autocomplete" selectedUser="#{data.selectedUser}"
            label="Default user selection" isRequired="true" labelPanelStyleClass="ui-g-3 ui-md-3 ui-sm-12" autoCompleteStyleClass="width-100"
            autoCompletePanelStyleClass="ui-g-9 ui-sm-12" messageStyleClass="ui-g-9 ui-g-offset-3 ui-sm-offset-0 ui-sm-12 user-selection-message-with-button-inline" />

If it's still not clear, please contact me via Teams channel chnam@axonactive.com for more details