UI Builder Sub-Page ACL

[Taylor W]

Hello! I am trying to use the viewport component in UI Builder. When I generate a simple sub-page and add a component to it, I get "No Content Available". Does anyone know how to resolve this? I assume I need an ACL to permit Read access to the sub-page but there is not any documentation around how to do so. Any information would be great. Thanks!

[Taylor W · Accepted solution]

I figured it out! I needed a "Page Ready" event handler on the parent page which calls the viewport to load. Hopefully this helps anyone else with a similar problem.

[Gabriella Alves]

But how did you create the Page Ready? Could you give more details?

[Danish9]

Its available main page body tag.

[AJugovic]

I was able to get my viewports to load using the following client script, then adding a 'Page ready' event on the main pages main 'Body' tag:

function handler({api, event, helpers, imports}) {
        api.emit('MACROPONENT_VIEWPORT_LOAD_REQUESTED', {
        viewportElementId: '<VIEWPORT_ID_HERE>',
        route: '<SUBPAGE_ROUTE_HERE>',
        fields: null,
        params: null
    });

//EXAMPLE
    api.emit('MACROPONENT_VIEWPORT_LOAD_REQUESTED', {
        viewportElementId: 'viewport_1',
        route: 'header_page',
        fields: null,
        params: null
    });  
//rinse & repeat for all viewports
}

App routes table: sys_ux_app_route