How can I open a popup form through a text component in App Studio?

It is possible to open a form as a pop-up using a Button component, but not through a text or image element. However, I need to trigger the form from a text element because I want to customize the image displayed, and the Button component only allows default DOMO icons. While I can open the form via page navigation within the APP, I specifically need it to open as a pop-up.

Best Answer

  • brycec
    brycec Coach
    Answer ✓

    If you use a Pro-Code App, you can use React and find a component library that makes things a lot quicker and easier to build. I'd recommend React Hook Forms, AWS Amplify, Chakra UI, React Bootstrap, or Material UI for starters. AWS Amplify also has a way to build forms without code, then import it into React and modify as you please: Amplify Studio. And, don't forget to use the Domo React Toolkit to make connecting to Domo APIs in React easy.

    Was this comment helpful? Click Agree or Like below.
    Did this comment solve your problem? Accept it as the solution!

Answers

  • This isn't supported at the moment, so it would be best to submit an idea to the Ideas Exchange if one doesn't already exist.

    For workarounds, you could use a Brick or Pro-Code App to achieve this. Documentation for those can be found here: Domo Developer - Apps Overview.

    Was this comment helpful? Click Agree or Like below.
    Did this comment solve your problem? Accept it as the solution!

  • Thanks Brycec. I tried with a brick and probably it will work but is very time consuming since I need to build the form inside the brick and I have around 20 forms to build, so it may not be the best way. I will definitely submit this in the Ideas Exchange. Thanks again for your help.

  • brycec
    brycec Coach
    Answer ✓

    If you use a Pro-Code App, you can use React and find a component library that makes things a lot quicker and easier to build. I'd recommend React Hook Forms, AWS Amplify, Chakra UI, React Bootstrap, or Material UI for starters. AWS Amplify also has a way to build forms without code, then import it into React and modify as you please: Amplify Studio. And, don't forget to use the Domo React Toolkit to make connecting to Domo APIs in React easy.

    Was this comment helpful? Click Agree or Like below.
    Did this comment solve your problem? Accept it as the solution!

  • Ok, I'll try. Thanks for the help.