Modal with components in a mobile app

How to show a modal with different components like text, checkbox etc on a button click in a mobile app ?

1 Like

Hello @JawadAzizFarhad

From what I understand, the needed functionality can be achieved with a similar approach like this one:

  1. Set Up the Collection View:
        "id": 1,
        "name": "Hanson Deck",
        "email": "",
        "image": "",
        "sales": 37
      }, {
        "id": 2,
        "name": "Sue Shei",
        "email": "",
        "image": "",
        "sales": 550
      }, {
        "id": 3,
        "name": "Jason Response",
        "email": "",
        "image": "",
        "sales": 55
      }, {
        "id": 4,
        "name": "Cher Actor",
        "email": "",
        "image": "",
        "sales": 424
      }, {
        "id": 5,
        "name": "Erica Widget",
        "email": "",
        "image": "",
        "sales": 243
  1. Add Navigation Event:
  1. Detail Screen Components:
  • On the detailScreen, add an Image component and a KeyValue component.
  • Set the Image source to {{collectionView1.selectedItem.image}}.
  • Configure the KeyValue component to display {{}}, {{}}, and {{collectionView1.selectedItem.sales}}.

By following these steps, you can create a modal that displays detailed information about the selected item from the Collection View.
Let me know if you have any questions!


Hi @joao_boldtech ,
Thanks for the prompt response but this is not our use case. We want a modal like alert / popup, where we can add different components (textbox, button etc) and configure events as well.

Hi @JawadAzizFarhad I don't see a modal frame yet on mobile, but I'll add a feature request! For the time being, you could have some components in a container that is show/hidden based on a button click