Include multiple elements within same modal launcher

[finkk]

Hello there,

I have set up a modal content panel for the two profiles on the linked page. Currently the button to launch the popup is the little More button indicated in the attached pic.

Is it possible to make the entire profile block clickable to launch the modal i.e. the entire grey block and photo?

Kind Regards,

Spencer

[nabeel]

Hi Spencer,

Thank you for reaching out to us. You can achieve this with the Modal element. To do this, first add the Modal element and go to the Toggle tab of the Modal element (see screenshot)

Here first set the Width and Height to auto under Setup:

Then make sure the Content Flexbox is set to Column:

Now you can turn on the Text Setup and add your Primary and Secondary text:

Now for the image, change the Graphic Type from icon to image:

Lastly set the image under Primary Graphic Image option:

Customize it further using the Modal element settings as you need. Hope this helps!