How to use radio button element inside list

I want to select one option among the multiple option present in the list with the help of radio button

Hi @Tanuj_Tayal, You can’t use the Radio button element on a list as per this use case you can use Set Config to change the border color of the card.

So, @AnushkaGupta you mean that this use case isn’t achievable in designer as of now? Also, if I use Set Config, how can I change the border color of exactly 1 card from the list and then change the different card border I choose every time?

You will have to utilize the Load Current Entity task for that. And OnClick of those cards you will use the Copy Data task for that.

As discussed, that we can’t use radio button on a list. So, here is the workaround. Please follow the below-mentioned steps:

  1. The elements that we are using here are a List, Icon (SelectedRadioButton Icon) and a text element.
  2. Now, create a task group mapped on the On Click event of the Card element.
  3. Following tasks will be utilised in this functionality:
  • Load Current Entity Task:
    This task is utilized to return the array indexing of the List. The configuration of the task will be:

In Path Parameter, I have provided the Response’s path stored in entity.
And in Primary Key, I have stored the Card_number.

  • Array Manipulation:
    This task is performing the delete operation in the card.
    And in Path Paramater, I am providing the Path of the Entity where the Data of the Cards will be stored through API.

  • Copy Data Task:
    This task is storing a boolean value to the Isvisible Key in the entity.
    And, in Reload Elements select the list element.

And, a BR will be configured to check the ISVisible key is true ir not

This BR will be mapped on the List element.

By following these steps, you can achieve the use case.

1 Like