We are trying to display the HTML page content from Fatwire in our ADF page. The html page from third party system is having a HTML form element, which is conflicting with ADF af:form component in our ADF page and causing bad user experience. we tried to use af:subform inside af:form to display HTML. But it didn't work. Please advise on how to handle this scenario.
JSF page source:
<af:form id="f1">
<af:panelGroupLayout id="pt_pgl2" layout="vertical">
<af:panelGroupLayout id="pt_pgl3" layout="vertical"
inlineStyle="width:960px;margin:0px auto;">
<af:panelBorderLayout id="pt_pbl1"
inlineStyle="height:48px; background-color:white; width:960.0px;">
<f:facet name="start">
<af:group id="pt_g3">
<af:goImageLink id="pt_gil1"
icon="/images/LogoP1.png"
destination="http://www.google.com/"/>
</af:group>
</f:facet>
<f:facet name="end">
<af:panelGroupLayout id="pt_pgl11" layout="vertical">
<af:panelGroupLayout id="pt_pgl12" layout="horizontal"
halign="end">
<af:commandLink id="pt_cl3" partialSubmit="true"
immediate="true"
rendered="true">
<af:image source="/images/shopping.png" id="pt_i4"
shortDesc="shopping"/>
<af:showPopupBehavior alignId="pt_cl3" align="afterStart"
popupId=""
triggerType="mouseOver"/>
</af:commandLink>
</af:panelGroupLayout>
</af:panelGroupLayout>
</f:facet>
<!-- display html menu -->
<af:subform id="pt_s7">
<af:outputText value="#{pageFlowScope.testFatBean.menuHtml}"
id="pt_ot14" escape="false" rendered="true"
inlineStyle="width:840.0px;"/>
</af:subform>
</af:panelBorderLayout>
</af:panelGroupLayout>
</af:panelGroupLayout>
<af:commandButton text="Click Here" id="cb1"
action="#{pageFlowScope.testFatBean.cb1_action}"/>
</af:form>
Jdeveloper 11.1.1.6.0