Embedding the Orbeon form gives unexpected results
Locked
Embedding the Orbeon form gives unexpected results
 
|
I'm embedding an Orbeon form in my application. The form when accessed directly using the URL (not the embedded form) is working just fine. But the embedded form seems to give unexpected results. I've attached the screenshots of both, the embedded and un-embedded form. I embedded the Orbeon API using the steps mentioned in https://doc.orbeon.com/form-runner/link-embed/java-api.html#form-builder-embedding
-- You received this message because you are subscribed to the Google Groups "Orbeon Forms" group. To unsubscribe from this group and stop receiving emails from it, send an email to [hidden email]. To post to this group, send email to [hidden email]. |
un-embedded form.png (342K)
Re: Embedding the Orbeon form gives unexpected results
Administrator
|
Re: Embedding the Orbeon form gives unexpected results
|
|
Hi Alex,
-- I checked the console in both Chrome and Firefox browsers. Your guess was correct. The CSS file fails to load. Let me give you the context of this problem. I'm embedding the form inside a JSP page. When I try to do so by simply calling the API.embedFormJava( ) in the JSP page, the form works fine. But the need here is to call the method inside a custom tag. As the scriptlets are not allowed in custom tags (and static methods can't be invoked in EL), I've wrapped the org.orbeon.oxf.fr.embedding.servlet.API inside an instance method. Calling the API.embedFormJava( ) from the instance method in the JSP page works fine too. But when invoking it from the custom tag, the CSS fails to load. Following are the code snippets. Embedding the form with the EL code at root level. (works just fine) <%@ page import="java.util.HashMap" pageEncoding="utf-8" contentType="text/html; charset=UTF-8" import="org.orbeon.oxf.fr.embedding.servlet.API" import="org.kuali.kra.s2s.orbeon.service.OrbeonServiceImpl" import="javax.servlet.http.HttpServletRequest" import="java.io.Writer"%> <jsp:useBean id="orbeonForm" class="org.kuali.kra.s2s.orbeon.service.OrbeonServiceImpl"/> ${orbeonForm.produceForm(pageContext.request, pageContext.out)} Embedding the form with the EL code inside a custom tab. (CSS fails to load)
<%@ include file="/WEB-INF/jsp/kraTldHeader.jsp"%> <%@ page import="java.util.HashMap" pageEncoding="utf-8" contentType="text/html; charset=UTF-8" import="org.orbeon.oxf.fr.embedding.servlet.API" import="org.kuali.kra.s2s.orbeon.service.OrbeonServiceImpl" import="javax.servlet.http.HttpServletRequest" import="java.io.Writer"%> <div id="workarea"> <div align="right"><kul:help documentTypeName="ProposalDevelopmentDocument" pageName="Forms" /></div> <p> <kul:tab tabTitle="EPA4700_2_1_1" defaultOpen="false"> ${orbeonForm.produceForm(pageContext.request, pageContext.out)} </kul:tab> ..closing tags I've attached the screenshots of errors encountered in the Consoles of both browsers.
Hi Kush, You received this message because you are subscribed to the Google Groups "Orbeon Forms" group. To unsubscribe from this group and stop receiving emails from it, send an email to [hidden email]. To post to this group, send email to [hidden email]. |
Re: Embedding the Orbeon form gives unexpected results
|
|
Re: Embedding the Orbeon form gives unexpected results
|
|
In reply to this post by kushp
Hi Alex,
-- Perhaps I think it's more than just a CSS issue. Below screenshot might help. There's an error in the Orbeon Javascript file that says the key for the form is not found. This issue is faced only when I invoke the form in the custom tag file. When invoked directly from the JSP file, no such error occurs.
On Thursday, March 1, 2018 at 4:58:54 PM UTC+5:30, [hidden email] wrote:
You received this message because you are subscribed to the Google Groups "Orbeon Forms" group. To unsubscribe from this group and stop receiving emails from it, send an email to [hidden email]. To post to this group, send email to [hidden email]. |
Re: Embedding the Orbeon form gives unexpected results
|
Administrator
|
Re: Embedding the Orbeon form gives unexpected results
|
|
Hi Alex,
-- Intuitively, I put the code that produces the form in the parent custom tag. This tag is used to make a tab. On one screen it was used five times to produce five tabs. The output of the corresponding JSP page was interesting enough. Out of the five forms embedded in five tabs, the first form was broken. But the rest four were working fine. Form data can be persisted in the database too. This is weird. I thought of a temporary workaround. A dummy Orbeon form can be published. This form will be requested as the first form but kept in a hidden division tag. Visually, it is flawless. However, it's a bad patch. Yes, the key 'kualiForm' is the ID of the <form> tag of the HTML page. I've no clue why the Orbeon Javascript cannot find the key. (Sometimes it reported a NoSuchElementException) The Orbeon JS file(orbeon-4a9223ddeece107210aa858a70059ccfe3a4bafe.js) throws an exception for the missing form key. I un-minified the JS file and tried to track the flow. But I guess it was not worth it. Let me share my findings here. I put two different forms, one dummy form, and an actual form. One was placed at the root level(here it works, as always) and one in the custom tag. I wanted to find the order in which the CSS files for these forms are loaded. I observed that the file names are same but the path is different. http://127.0.0.1:8090/ekualiti-kc/orbeon/o0/xforms-server/152b50814ba83105bcc874972527b24ba8f3851b/orbeon-6223253ad3b290874a3b95740396c687134f4e3a.css http://127.0.0.1:8090/ekualiti-kc/orbeon/o1/xforms-server/152b50814ba83105bcc874972527b24ba8f3851b/orbeon-6223253ad3b290874a3b95740396c687134f4e3a.css Notice the 'o1' and 'o0'. Of course, you might be aware of it. But I suspect that for the form in the custom tag, it's CSS file is loaded quite early than the usual scripts file required in my HTML page. FreeMarker templates (.ftl) are used to create a common reusable HTML page. This page created the <form> for the HTML page and it's the one that sets the form id attribute. I'm not sure but let's assume this flow: The <form> tag is loaded my ftl file with the form id 'kualiForm'. Meanwhile, the Orbeon JS file for the embedded form in the custom tag is requested taking with it the form id value. I assumed this as the exception logs the value of the form key. Still, the form page is not completely loaded as the Network panel listed other script files requested after the Orbeon JS file request. This might possibly result in a broken first Orbeon form. There's a plausible explanation why the rest of the Orbeon forms are working. The CSS file request for the rest of the forms in Network panel appeared at the last. Most of the scripts pertaining to the HTML page were loaded, either from disk cache or downloaded. I tried to defer load the form so that the CSS file for the first form is requested after all other scripts are loaded. But I couldn't do so. I've attached the screenshot of the Network panel. They are in order of the file name.
I hope this might be helpful. On Tuesday, March 6, 2018 at 5:14:33 AM UTC+5:30, Alessandro Vernet wrote: Hi Kush, You received this message because you are subscribed to the Google Groups "Orbeon Forms" group. To unsubscribe from this group and stop receiving emails from it, send an email to [hidden email]. To post to this group, send email to [hidden email]. |
Re: Embedding the Orbeon form gives unexpected results
|
Administrator
|
| Free forum by Nabble | Edit this page |