How to reuse Viewport subpages from experience to another in UI builder

[poojamallik]

Hi Community ,

I have a requirement where I need to show a popover with a window with mulitiple fields so I am using Viewport option where we can create pages and add to it. There is already sub page created in the system want to reuse the same subpage how I can use that in my UI builder exeperience?

Thanks,

Pooja M

[mayankkumar]

Hi @poojamallik 
You cannot reuse the subpage to different viewport component because each component has its own child screens, to achieve your requirement you can do the following:
You can do it by making a Page collection and then render your page collection in the viewport 
you can add a Page in page collection (single or multiple)
Now you can use that page collection at multiple places.
feel free to ask more.

Let me know if your doubt resolves or not
---------------------------------------------------------------------------
Please Mark my response helpful or Accept as Solution if it resolves your query
Thanks & Regards
Mayank

[adityapatha]

This is not a best practice but if you absolutely want to do it, here's how.

1. Open the page definition in the backend (sys_ux_macroponent) for the subpage in the viewport.

2. Create a new viewport on your target screen, and open the viewport subpage in the backend on the same table.

3. Copy the styles, layout model, composition, data, and the fields below it from the old page onto the new one.

4. Finally, in the composition field, replace all references to the old page (sysids) and replace with the current page sysid.

This should now work.