APEX

Hi,

I am using APEX23.2.

I have Normal Page with Theme Default Template.

I am embedding this page in another modal page as read only using an iFrame as <iframe src="f?p=APP\_ID:PAGE\_ID:SESSION" width="100%" height="600px" frameborder="0"></iframe>.

However, I would like only the BODY content to be visible in embedded page. Header/Footer/Menu items etc to be hidden.

I am using an JS on page load code as

// Hide the navigation menu, header, footer
 document.querySelectorAll('.t-Header, .t-Navigation, .t-Footer, .t-Body-side').forEach(function(el) {
   el.style.display = 'none';
 });
 // Optionally adjust body padding/margin
 document.body.style.paddingTop = '0';

However this creates a flash like, everything is loaded first and then hidden. The user will be able to see that.

Is there a way we can dynamically change the page template to **MINIMAL_NO_NAVIGATION/**DEFAULT based on param?

Or please suggest any other way to embed page..

Please sugget

Thanks,