Embedded Canvas Apps Calling Custom Page Modal Dialogs

(0) Share

Report

Posted on by MattTaylor

123

Hi everyone,

This is related to Dynamics as well as Power Apps, so hopefully it's the right place.

We recently had a requirement to open a custom page as a modal dialog, from a canvas app embedded on a model-driven app form.

I had a good search around but couldn't find any way of doing it directly within the Canvas App using PowerFX. I also couldn't find a way to run Javascript from within the app, utilising the Client API navigateTo.

In the end I've created a button on my embedded canvas app form, which patches a yes/no choice field on the main form (hidden from users). I then register a Javascript function to open my dialog for the onChange of that field.

It works, but feels clunky as anything. Has anyone had a similar requirement and a different way of doing things (or any ideas)?

Kind regards,

Matt Taylor

Categories:

Building Power Apps

I have the same question (0)

All responses (4)

Answers (0)

Ami K 15,679 Super User 2024 Season 1 on at

Like (1)

Report

Hi @MattTaylor ,

I do not know if it is possible to launch a custom model dialog directly from an embedded canvas app (do not see what the use case would be!), but you can certainly launch one using the Command Ribbon and JavaScript.

There are a number of steps involved which would probably out of the scope of a forum post. Fortunately there are also many guides online. Below are two useful ones:

https://www.matthewdevaney.com/power-apps-custom-page-modal-dialog-for-model-driven-apps/

https://learn.microsoft.com/en-us/power-apps/developer/model-driven-apps/clientapi/navigate-to-custom-page-examples

Recent post from me supporting someone else who got stuck in case you have similar issues:

https://powerusers.microsoft.com/t5/Building-Power-Apps/How-to-pass-GUID-to-custom-page-from-Model-driven-app-Main-form/m-p/2112636#M527903

If you get stuck or have any questions, feel free to @ me.

------------------------------------------------------------------------------------------------------------------------------

If I have answered your question, please mark your post as Solved. Remember, you can accept more than one post as a solution.

If you like my response, please give it a Thumbs Up.

Was this reply helpful? Yes No
MattTaylor 123 on at

Like (1)

Report

Hi @Amik,

Thanks for the response. I'm quite familiar with using the modal dialogs from the ribbon - pretty sure I used Matthew Devaney's post to learn it too; love his stuff.

I'm sure there are plenty of use-cases, why wouldn't there be 😄 Dialogs are useful for a number of things, but in our particular case I want to carefully control input on a couple of fields and then display a call dialog on demand based on what those fields are. Could I do it using a ribbon command? Sure, but the user experience in this case is much better when everything is inline.

Kind regards,

Matt

Was this reply helpful? Yes No
Ami K 15,679 Super User 2024 Season 1 on at

Like (1)

Report

Apologies @MattTaylor when you said you couldn't find a way to run JavaScript from within the app I misunderstood you.

I would also try the https://community.dynamics.com/ forum as well if you have not already. All of my Dynamics stuff tends to get answered (eventually) over there.

Was this reply helpful? Yes No
MattTaylor 123 on at

Like (1)

Report

The legendary Scott Durow made this video a while ago: https://www.youtube.com/watch?v=uC4XBktbHjg, showing how you can run Javascript within a Canvas App. I think that modal custom pages are a really useful feature, so it would be nice to see a way to call them from within an embedded Canvas App. It's easy enough to make your own modal dialog within a Canvas App, but I'm trying to combine the Model-Driven features, with the embedded Canvas App, and the Custom Page as well.

Appreciate you taking the time to respond though!

Was this reply helpful? Yes No