We have a Custom UI app. However there are some places where the integration is soooooo clunky that we need to use UI Kit, e.g. for custom fields.
Now we already have sophisticated modals in Custom UI that do what we need a modal in an iframe to do, all I (would) need to do from a simple UI Kit custom field editor is use the forge bridge modal call to open it when needed.
My specific example: We have a lookup of items for a custom field. If the item the user wants doesn’t exist we’d like to let them open a modal and create a new one. A simple UI Kit button could just call the forge bridge new Modal(…).open(); but it’s not allowed.
This means that we need to re-implement a heap of stuff in UI kit as well just to get a modal, then we need to keep that modal in sync etc. etc.
Now we have a non perfect way around this by getting the USER to CTRL k nc to open the modal via a command, but that’s only good for “advanced” users, and then we have to get them to discover it…
Can we get the ability to open a Custom UI modal from a UI Kit part of an app?? Please?
Hey @PeterMcNeil2
I’m a bit confused, so do you want to open a UI Kit Modal in a Custom UI app or use Custom UI in a UI Kit modal?
The reason UI Kit components don’t work in Custom UI apps is a little complicated to explain but essentially it’s related to the way in which we render UI Kit apps with the ForgeReconciler.
At the moment, the only way you can implement Custom UI functionality within a UI Kit app is using the Frame Component, however there are some limitations to that.
1 Like
We have both a UI kit front end AND a Custom UI front end (app). We’re using UI Kit to edit a custom field that stores a value representing an object in our app, because if you use Custom UI for that it is very clunky (lots of flashing and a long delay with a blank area, making users want to click again etc.).
We have an existing Modal in Custom UI that has some functionality we’d like the user to access from the UI Kit editor for the custom field. From UI kit React land it just needs a button to trigger the modal.
Since the way a custom UI modal is loaded is to open an iframe and get it to load a page with the Custom UI front end, this should be possible from UI Kit. The forge bridge Modal class handles the the opening and loading, and it passes a payload.
Maybe it’s already almost there, by using frame…
OK, yes so my suggestion would be to try this using a frame.
If that doesn’t work please let us know what about it doesn’t meet your needs so I can pass that feedback along to the Forge UI team.
My understanding is that a frame is in-line with the component, so not a Modal, which won’t work.
So yes I think this is something that could be done to improve things.
Hey Peter!
Is it possible to open a frame within a UI Kit modal? Rather than be a modal itself.
Looking at it that is a “maybe”. With a modal I can pass some data, and looks like there may be issues with sizing…
Also the concept of Turducken comes to mind 