I have been able to use the html-bridge to create an iframe accessing a dynamic url with the following method.
Plugin.xml:
<extension id="com.atos.bullion.extjsbullion.shcView">
<extendedPoint>com.atos.bullion.extjsbullion.summaryViews</extendedPoint>
<object>
<name>SHC</name>
<componentClass className="com.vmware.vsphere.client.htmlbridge.HtmlView">
<object>
<root>
<url>/vsphere-client/extjsbullion/resources/bullion-shc.html</url>
</root>
</object>
</componentClass>
</object>
</extension>
Inside the body of bullion-shc.html:
<div id="header"></div><iframe id=shcFrame sandbox="allow-same-origin allow-scripts allow-pointer-lock allow-forms" width="100%" style="position: absolute; height: 100%; border: none" src="https://{shc}"></iframe>
Although when i try to navigate within the iframe, the browser console returns a "InvalidAccessError: A parameter or an operation is not supported by the underlying object" error and frame does nothing.
I did some research on the matter..
This is not supported due to the window i am trying to access uses a function(window.open) that creates an inAppBrowser object and returns null.
Meanwhile the iframe object on the html-bridge is expecting an iframe object..
Is there any possible work around without reimplementing the window i am trying to access.