Hello.
Apologies for the long post - I wanted to make sure I could explain the query correctly.
APEX 21.1.4 (will be upgrading to latest soon).
We have an APEX page where we create a <DIV> in a region, using the following code (Region Type of PLSQL Dynamic Content).
Begin
Htp.p('<div style="display: inline-block; width:100%">');
Htp.p('<div id="interviewDiv" style="width: 100%; display: block; margin-left: auto; margin-right:auto; float: left"></div>');
Htp.p('</div>');
End;
I am trying to load an external page (Oracle Intelligent Advisor - Form) in this interviewDiv
using some javascript just cannot get it to load. I've tried various javascript to no avail via a DynamicAction in PageLoad - the result it nothing is shown.
Q1. Can this be done? If so what is the best javascript code to do this.
I also went down the route of using a URL Region and in testing hardcode the URL to load the Intelligent Advisor form.
However, it seems the does not render the form correctly. (see uploaded screenshot)
Note : If I access the Intelligent Advisor Form directly in a browser it takes the whole browser page (see uploaded screenshot) and is responsive
1. There is a lot of whitespace to the left and right of the form. Even with width="100%" height="100%"
2. The form does not scale to the full page size.
Q2. If using Region of type URL, could we render it correctly, so as it tries to dynamically utilize the space more.
Any help is much appreciated, I'm pulling my hair out here.
Regards,
Sunny.

