Hi,
I'm experiencing problem to use my own CSS with Orbeon. While I was playing with the forms in resources/apps I had no problem using my own CSS. Then I followed the article: http://wiki.orbeon.com/forms/doc/developer-guide/xforms-with-java-applications The form is displayed by using a URL in my application, but the CSS is not found to render the controls correctly. Folder where my forms are stored: /opt/epss-forms CSS: /opt/epss-forms/css/epss-forms.css In the web.xml <context-param> <param-name>oxf.resources.priority.1</param-name> <param-value>org.orbeon.oxf.resources.FilesystemResourceManagerFactory</param-value> </context-param> <context-param> <param-name>oxf.resources.priority.1.oxf.resources.filesystem.sandbox-directory</param-name> <param-value>/opt/epss-forms</param-value> </context-param> URL to display my application: http://10.1.1.49:7001/epss/faces/login.jspx URL to display my forms: http://10.1.1.49:7001/epss/orbeon/epss-forms/ Do you have any suggestion on what to put in the tag <xhtml:link rel="stylesheet" type="text/css" href="?????????????????"/> Thanks a lot for your help. Regards, Stessy |
Administrator
|
Stessy,
Which version of Orbeon Forms is this? A while back we fixed an URL rewriting bug in separate deployment. Not sure if that could be related. -Erik On Thu, Feb 18, 2010 at 6:50 AM, stessy <[hidden email]> wrote: > > Hi, > > I'm experiencing problem to use my own CSS with Orbeon. > > While I was playing with the forms in resources/apps I had no problem using > my own CSS. > Then I followed the article: > http://wiki.orbeon.com/forms/doc/developer-guide/xforms-with-java-applications > The form is displayed by using a URL in my application, but the CSS is not > found to render the controls correctly. > > Folder where my forms are stored: /opt/epss-forms > CSS: /opt/epss-forms/css/epss-forms.css > > In the web.xml > > <context-param> > <param-name>oxf.resources.priority.1</param-name> > > <param-value>org.orbeon.oxf.resources.FilesystemResourceManagerFactory</param-value> > </context-param> > <context-param> > > <param-name>oxf.resources.priority.1.oxf.resources.filesystem.sandbox-directory</param-name> > <param-value>/opt/epss-forms</param-value> > </context-param> > > URL to display my application: http://10.1.1.49:7001/epss/faces/login.jspx > URL to display my forms: http://10.1.1.49:7001/epss/orbeon/epss-forms/ > > Do you have any suggestion on what to put in the tag > > <xhtml:link rel="stylesheet" type="text/css" href="?????????????????"/> > > Thanks a lot for your help. > > Regards, > Stessy > -- > View this message in context: http://n4.nabble.com/Separate-deployment-FilesystemResourceManagerFactory-CSS-problem-tp1560229p1560229.html > Sent from the ObjectWeb OPS - Users mailing list archive at Nabble.com. > > > -- > You receive this message as a subscriber of the [hidden email] mailing list. > To unsubscribe: mailto:[hidden email] > For general help: mailto:[hidden email]?subject=help > OW2 mailing lists service home page: http://www.ow2.org/wws > > -- You receive this message as a subscriber of the [hidden email] mailing list. To unsubscribe: mailto:[hidden email] For general help: mailto:[hidden email]?subject=help OW2 mailing lists service home page: http://www.ow2.org/wws |
Hi Erik,
here is the version: Orbeon Forms dev-post-3.7.1.200912180500 Regards, Stessy |
Erik,
I think that I still have to read deeper the url rewriting mechanism implemented in Orbeon. Because now here is what I have and that works. orbeon web.xml <context-param> <param-name>oxf.resources.priority.1</param-name> <param-value>org.orbeon.oxf.resources.FilesystemResourceManagerFactory</param-value> </context-param> <context-param> <param-name>oxf.resources.priority.1.oxf.resources.filesystem.sandbox-directory</param-name> <param-value>D:\\temp\\orbeon-forms\\resources</param-value> </context-param> Now inside "resources" folder I have to create a new folder "epss" and than reproduce the following structure: apps -> epss-forms-> css -> epss-forms.css and in the view.xhtml, add the following path in link <xhtml:link rel="stylesheet" type="text/css" href="/orbeon/apps/epss-forms/css/epss-forms.css"/> Same think for the images folder apps -> epss-forms -> images -> *.jpg and then <xhtml:div class="fourcols middle"> <xforms:output mediatype="image/*" value="'/orbeon/apps/epss-forms/images/CP-IP-A1.gif'"/> </xhtml:div> Now when I launch the following url: http://localhost:7101/epss/orbeon/epss-forms/ It works and the stylesheet is applied Inside the html, you can see the following path inside link tag <link rel="stylesheet" type="text/css" href="/epss/orbeon/apps/epss-forms/css/epss-forms.css"> To be honest, I don't know why it works, but it does the job :-) If you have any advise, it's welcome. Regards, Stessy |
Administrator
|
Stessy,
I'm glad it works. We could ask you a few more questions to figure this one out, but I am not sure that the motivation is there now that you found a solution :). But let us know if you want to try to understand this one better. Alex On Tue, Feb 23, 2010 at 2:09 AM, stessy <[hidden email]> wrote: > > Erik, > > I think that I still have to read deeper the url rewriting mechanism > implemented in Orbeon. > Because now here is what I have and that works. > > orbeon web.xml > > <context-param> > <param-name>oxf.resources.priority.1</param-name> > > <param-value>org.orbeon.oxf.resources.FilesystemResourceManagerFactory</param-value> > </context-param> > <context-param> > > <param-name>oxf.resources.priority.1.oxf.resources.filesystem.sandbox-directory</param-name> > <param-value>D:\\temp\\orbeon-forms\\resources</param-value> > </context-param> > > Now inside "resources" folder I have to create a new folder "epss" and than > reproduce the following structure: apps -> epss-forms-> css -> > epss-forms.css > > and in the view.xhtml, add the following path in link > > <xhtml:link rel="stylesheet" type="text/css" > href="/orbeon/apps/epss-forms/css/epss-forms.css"/> > > Same think for the images folder > > apps -> epss-forms -> images -> *.jpg > > and then > > <xhtml:div class="fourcols middle"> > <xforms:output mediatype="image/*" > value="'/orbeon/apps/epss-forms/images/CP-IP-A1.gif'"/> > </xhtml:div> > > Now when I launch the following url: > http://localhost:7101/epss/orbeon/epss-forms/ > It works and the stylesheet is applied > Inside the html, you can see the following path inside link tag > <link rel="stylesheet" type="text/css" > href="/epss/orbeon/apps/epss-forms/css/epss-forms.css"> > > To be honest, I don't know why it works, but it does the job :-) > > If you have any advise, it's welcome. > > > Regards, > Stessy > -- > View this message in context: http://n4.nabble.com/Separate-deployment-FilesystemResourceManagerFactory-CSS-problem-tp1560229p1565704.html > Sent from the Orbeon Forms (ops-users) mailing list archive at Nabble.com. > > > -- > You receive this message as a subscriber of the [hidden email] mailing list. > To unsubscribe: mailto:[hidden email] > For general help: mailto:[hidden email]?subject=help > OW2 mailing lists service home page: http://www.ow2.org/wws > > -- Orbeon Forms - Web forms, open-source, for the Enterprise - http://www.orbeon.com/ My Twitter: http://twitter.com/avernet -- You receive this message as a subscriber of the [hidden email] mailing list. To unsubscribe: mailto:[hidden email] For general help: mailto:[hidden email]?subject=help OW2 mailing lists service home page: http://www.ow2.org/wws
--
Follow Orbeon on Twitter: @orbeon Follow me on Twitter: @avernet |
This post was updated on .
Alessandro,
I'd like to understand why it works like that. Even if I found a workaround, I think there is a better implementation than the one I found. Do you need more information of my forms implementation?? Regards, Stessy |
Alessandro,
I succeeded in configuring the href attribute in link tag to keep the css folder inside my forms structure. <xhtml:link rel="stylesheet" type="text/css" href="/orbeon/css/epss-forms.css"/> If I understand correctly, the orbeon context points to the root folder mentioned in the web.xml Now when the application analyzes the url, if the root context is not 'orbeon', it doesn't add the orbeon context in the href attribute of the link tag displayed above. For example: URL http://localhost:7101/epss/orbeon/epss-forms/CP-IP/A2 href becomes: href="/epss/orbeon/css/epss-forms.css" on the other hand, if I use orbeon alone URL http://localhost:7101/orbeon/epss-forms/CP-IP/A2 href becomes: href="/orbeon/orbeon/css/epss-forms.css" And the css is not found. And I have to modify the href by removing the leading '/orbeon' to have my css found. Is that correct ?? My question is: Is it possible to have a path relative to the page-flow.xml file for the css ?? With the images I still have problems. The images are launched via xforms:output <xforms:output mediatype="image/*" value="'/orbeon/images/CP-IP-A2.gif'"/> I really don't know what value I have to put to have my image displayed. I don't know from where the application searches. I already tried multiple solutions: 1. relative to the page-flow.xml (value="'images/CP-IP-A2.gif'") 2. relative to the form (value="'../images/CP-IP-A2.gif'") 3. absolute to orbeon (value="'/orbeon/images/CP-IP-A2.gif'") I think that I'm missing something, but I don't know what. Thanks a lot for your help. Regards, Stessy |
Administrator
|
Stessy,
I'll have to backtrack a bit to make sure I understand this. Let me know if this is correct: * You are using separate deployment. * Your app is deployed under /epps. * Orbeon Forms is deployed under /orbeon. With sperate deployment, the idea is that: * All the requests coming from the browser are going to /epps/something, never to /orbeon/something. * You always put your resources in your app, and don't put anything in the Orbeon Forms war or its "resources" folder. How does this sound so far? Alex On Wed, Feb 24, 2010 at 6:21 AM, stessy <[hidden email]> wrote: > > Alessandro, > > I succeeded in configuring the href attribute in link tag to keep the css > folder inside my forms structure. > > <xhtml:link rel="stylesheet" type="text/css" > href="/orbeon/css/epss-forms.css"/> > > If I understand correctly, the orbeon context points to the root folder > mentioned in the web.xml > Now when the application analyzes the url, if the root context is not > 'orbeon', it doesn't add the orbeon context in the href attribute of the > link tag displayed above. > > For example: > URL http://localhost:7101/epss/orbeon/epss-forms/CP-IP/A2 > href becomes: href="/epss/orbeon/css/epss-forms.css" > on the other hand, if I use orbeon alone > URL http://localhost:7101/orbeon/epss-forms/CP-IP/A2 > href becomes: href="/orbeon/orbeon/css/epss-forms.css" > And the css is not found. > > And I have to modify the href by removing the leading '/orbeon' to have my > css found. > > Is that correct ?? > > My question is: Is it possible to have a path relative to the page-flow.xml > file for the css ?? > > With the images I still have problems. > > The images are launched via xforms:output > > <xforms:output mediatype="image/*" value="'/orbeon/images/CP-IP-A2.gif'"/> > > I really don't know what value I have to put to have my image displayed. I > don't know from where the application searches. > I already tried multiple solutions: > > 1. relative to the page-flow.xml (value="'images/CP-IP-A2.gif'") > 2. relative to the form (value="'../images/CP-IP-A2.gif'") > 3. absolute to orbeon (value="'/orbeon/images/CP-IP-A2.gif'") > > I think that I'm missing something, but I don't know what. > > Thanks a lot for your help. > > Regards, > Stessy > -- > View this message in context: http://n4.nabble.com/Separate-deployment-FilesystemResourceManagerFactory-CSS-problem-tp1560229p1567517.html > Sent from the Orbeon Forms (ops-users) mailing list archive at Nabble.com. > > > -- > You receive this message as a subscriber of the [hidden email] mailing list. > To unsubscribe: mailto:[hidden email] > For general help: mailto:[hidden email]?subject=help > OW2 mailing lists service home page: http://www.ow2.org/wws > > -- Orbeon Forms - Web forms, open-source, for the Enterprise - http://www.orbeon.com/ My Twitter: http://twitter.com/avernet -- You receive this message as a subscriber of the [hidden email] mailing list. To unsubscribe: mailto:[hidden email] For general help: mailto:[hidden email]?subject=help OW2 mailing lists service home page: http://www.ow2.org/wws
--
Follow Orbeon on Twitter: @orbeon Follow me on Twitter: @avernet |
Alessandro,
That's right. Orbeon is only used to display forms outside the main application. No xforms integrated in jsp or jsf. The main context is /epss http://myDomain.org/epss To reach the orbeon forms here is the url: http://myDomain.org/epss/orbeon/../../.. No forms is stored in resources of the orbeon.war file. The template forms will shared between three application servers via NFS. So they won't be in the main application. Everything related to the xforms (xhtml, xsl, css, images, ...) will be stored in that shared folder. Here is the structure:
Thanks a lot for your help and your patience. Greatly appreciated. Regards, Stessy |
Administrator
|
Stessy,
So the URL to your A1.xhtml form will be: http://your-domain.com/epss/epss-forms/CP-FP/A1.xhtml And you have configured the filter in your web.xml so it processes everything under epss-forms: <filter-mapping> <filter-name>orbeon-xforms-filter</filter-name> <url-pattern>/epss-forms/*</url-pattern> <dispatcher>REQUEST</dispatcher> <dispatcher>FORWARD</dispatcher> </filter-mapping> Is this correct? And earlier message mentioned a URL of http://localhost:7101/epss/orbeon/epss-forms/CP-IP/A2 which confuses me: why the "orbeon" in the path; how come you don't have the .xhtml in the URL? It also mentions a URL of http://localhost:7101/orbeon/epss-forms/CP-IP/A2 which confuses me even more: the request should not be to /orbeon, but to /epss. Alex On Thu, Feb 25, 2010 at 12:09 AM, stessy <[hidden email]> wrote: > Alessandro, > > That's right. > Orbeon is only used to display forms outside the main application. > No xforms integrated in jsp or jsf. > The main context is /epss > http://myDomain.org/epss > To reach the orbeon forms here is the url: > http://myDomain.org/epss/orbeon/../../.. > No forms is stored in resources of the orbeon.war file. > The template forms will shared between three application servers via NFS. So > they won't be in the main application. > Everything related to the xforms (xhtml, xsl, css, images, ...) will be > stored in that shared folder. > Here is the structure: > > epss-forms > > css > > epss-forms.css > > config > > properties files (xml, xsl) > > images > > *.gif > > page-flow.xml > templates > > CP-IP > > A1.xhtml > A2.xhtml > A3.1.xhtml > A3.2.xhtml > > CP-FP > > A1.xhtml > A2.xhtml > A3.1.xhtml > A3.2.xhtml > > ... > ... > > I hope that you have enough information. :-) > > Thanks a lot for your help and your patience. Greatly appreciated. > > Regards, > Stessy > ________________________________ > View this message in context: Re: Re: Re: Separate deployment, > FilesystemResourceManagerFactory, CSS problem > Sent from the Orbeon Forms (ops-users) mailing list archive at Nabble.com. > > > -- > You receive this message as a subscriber of the [hidden email] mailing > list. > To unsubscribe: mailto:[hidden email] > For general help: mailto:[hidden email]?subject=help > OW2 mailing lists service home page: http://www.ow2.org/wws > > -- Orbeon Forms - Web forms, open-source, for the Enterprise - http://www.orbeon.com/ My Twitter: http://twitter.com/avernet -- You receive this message as a subscriber of the [hidden email] mailing list. To unsubscribe: mailto:[hidden email] For general help: mailto:[hidden email]?subject=help OW2 mailing lists service home page: http://www.ow2.org/wws
--
Follow Orbeon on Twitter: @orbeon Follow me on Twitter: @avernet |
Hi Alessandro,
I understand it's a bit confusing with my previous posts. In fact the URL will be: http://myDomain.org/epss/orbeon/epss-forms/CP-IP/A1 Because in the web.xml I kept "/orbeon/*" for the orbeon-xforms-filter param. Now why 'epss-forms' in the url, it's because I declared it in the page-flow.xml <page path-info="/epss-forms/CP-IP/A3" view="templates/CP-IP/A3.xhtml"/> <page path-info="/epss-forms/CP-IP/A1" view="templates/CP-IP/A1.xhtml"/> <page path-info="/epss-forms/CP-IP/A2" view="templates/CP-IP/A2.xhtml"/> Regarding the previous URLs, you can forget them. I was doing some tests. Regards, Stessy |
Administrator
|
Stessy,
I see... and where is the page flow file, and the templates/CP-IP/A1.xhtml file you reference from there? They must be in a resource directory Orbeon Forms knows about, right? Alex On Fri, Feb 26, 2010 at 12:43 AM, stessy <[hidden email]> wrote: > > Hi Alessandro, > > I understand it's a bit confusing with my previous posts. > > In fact the URL will be: http://myDomain.org/epss/orbeon/epss-forms/CP-IP/A1 > > Because in the web.xml I kept "/orbeon/*" for the orbeon-xforms-filter > param. > > Now why 'epss-forms' in the url, it's because I declared it in the > page-flow.xml > > <page path-info="/epss-forms/CP-IP/A3" view="templates/CP-IP/A3.xhtml"/> > <page path-info="/epss-forms/CP-IP/A1" view="templates/CP-IP/A1.xhtml"/> > <page path-info="/epss-forms/CP-IP/A2" view="templates/CP-IP/A2.xhtml"/> > > Regarding the previous URLs, you can forget them. I was doing some tests. > > > Regards, > Stessy > -- > View this message in context: http://n4.nabble.com/Separate-deployment-FilesystemResourceManagerFactory-CSS-problem-tp1560229p1570319.html > Sent from the Orbeon Forms (ops-users) mailing list archive at Nabble.com. > > > -- > You receive this message as a subscriber of the [hidden email] mailing list. > To unsubscribe: mailto:[hidden email] > For general help: mailto:[hidden email]?subject=help > OW2 mailing lists service home page: http://www.ow2.org/wws > > -- Orbeon Forms - Web forms, open-source, for the Enterprise - http://www.orbeon.com/ My Twitter: http://twitter.com/avernet -- You receive this message as a subscriber of the [hidden email] mailing list. To unsubscribe: mailto:[hidden email] For general help: mailto:[hidden email]?subject=help OW2 mailing lists service home page: http://www.ow2.org/wws
--
Follow Orbeon on Twitter: @orbeon Follow me on Twitter: @avernet |
Alex,
if you read my previous post ( http://n4.nabble.com/Separate-deployment-FilesystemResourceManagerFactory-CSS-problem-td1560229.html#a1568634 ) you'll see the complete structure of my project. You have the following directory structure: /my/path/epss-forms/ And in the web.xml <context-param> <param-name>oxf.resources.priority.1</param-name> <param-value>org.orbeon.oxf.resources.FilesystemResourceManagerFactory</param-value> </context-param> <context-param> <param-name>oxf.resources.priority.1.oxf.resources.filesystem.sandbox-directory</param-name> <param-value>/my/path/epss-forms</param-value> </context-param> and page-flow.xml is in /my/path/epss-forms in the root of the resource directory. Stessy |
Administrator
|
Stessy,
There you go; that was the missing part. Assuming you have your own app deployed under http://localhost:8080/myapp/, requests to http://localhost:8080/myapp/orbeon/* are sent to Orbeon Forms so your page can access resources that are needed by the XForms engine (XForms server handling Ajax requests, CSS, JavaScript...). But you are not expected to use this as a simple proxy to Orbeon Forms, with your application in fact residing inside Orbeon Forms. When you use Orbeon Forms in separate deployment mode, you are expected to have your XForms stored in your app, not in the Orbeon Forms resource directory. And the reason you want to use separate deployment is to generate XForms from a servlet, or JSP, or some Java framework. 1) If you just have XForms files on disk, then you don't need separate deployment; you just deploy Orbeon Forms, and access your form with http://myDomain.org/orbeon/epss-forms/CP-IP/A1 (without "epss" in the URL). This seems to be the case you're in. 2) If you use separate deployment, then you access your form with http://myDomain.org/epss/epss-forms/CP-IP/A1.xhtml (without "orbeon" in the URL). If A1.xhtml is just a static file, there is no benefit in doing this, and you'd just use #1. However you'll want to do this if you A1 is a JSP dynamically generating XForms. Then the URL will be http://myDomain.org/epss/epss-forms/CP-IP/A1.jsp. Does this make sense? Alex On Fri, Feb 26, 2010 at 10:33 AM, stessy <[hidden email]> wrote: > > Alex, > > if you read my previous post ( > http://n4.nabble.com/Separate-deployment-FilesystemResourceManagerFactory-CSS-problem-td1560229.html#a1568634 > ) you'll see the complete structure of my project. > > You have the following directory structure: /my/path/epss-forms/ > > And in the web.xml > > <context-param> > <param-name>oxf.resources.priority.1</param-name> > > <param-value>org.orbeon.oxf.resources.FilesystemResourceManagerFactory</param-value> > </context-param> > <context-param> > > <param-name>oxf.resources.priority.1.oxf.resources.filesystem.sandbox-directory</param-name> > <param-value>/my/path/epss-forms</param-value> > </context-param> > > and page-flow.xml is in /my/path/epss-forms in the root of the resource > directory. > > Stessy > -- > View this message in context: http://n4.nabble.com/Separate-deployment-FilesystemResourceManagerFactory-CSS-problem-tp1560229p1571113.html > Sent from the Orbeon Forms (ops-users) mailing list archive at Nabble.com. > > > -- > You receive this message as a subscriber of the [hidden email] mailing list. > To unsubscribe: mailto:[hidden email] > For general help: mailto:[hidden email]?subject=help > OW2 mailing lists service home page: http://www.ow2.org/wws > > -- Orbeon Forms - Web forms, open-source, for the Enterprise - http://www.orbeon.com/ My Twitter: http://twitter.com/avernet -- You receive this message as a subscriber of the [hidden email] mailing list. To unsubscribe: mailto:[hidden email] For general help: mailto:[hidden email]?subject=help OW2 mailing lists service home page: http://www.ow2.org/wws
--
Follow Orbeon on Twitter: @orbeon Follow me on Twitter: @avernet |
Alex,
you are right. No xforms will be used inside jsp or jsf pages. So I only have to deploy orbeon separately from my application and call external url to reach orbeon engine. And call web services to save instance data in Oracle database. So for the images and css, I only have to insert an absolute path from the root folder. The URL rewriting will add orbeon context to the path. I think the problem is solved. :-) Thanks a lot for your help and patience. Stessy |
Administrator
|
Stessy,
You're very welcome; I'm glad we figured this one out! Alex On Mon, Mar 1, 2010 at 5:02 AM, stessy <[hidden email]> wrote: > > Alex, > > you are right. > No xforms will be used inside jsp or jsf pages. > So I only have to deploy orbeon separately from my application and call > external url to reach orbeon engine. > And call web services to save instance data in Oracle database. > So for the images and css, I only have to insert an absolute path from the > root folder. The URL rewriting will add orbeon context to the path. > > I think the problem is solved. :-) > > Thanks a lot for your help and patience. > > Stessy > -- > View this message in context: http://n4.nabble.com/Separate-deployment-FilesystemResourceManagerFactory-CSS-problem-tp1560229p1573512.html > Sent from the Orbeon Forms (ops-users) mailing list archive at Nabble.com. > > > -- > You receive this message as a subscriber of the [hidden email] mailing list. > To unsubscribe: mailto:[hidden email] > For general help: mailto:[hidden email]?subject=help > OW2 mailing lists service home page: http://www.ow2.org/wws > > -- Orbeon Forms - Web forms, open-source, for the Enterprise - http://www.orbeon.com/ My Twitter: http://twitter.com/avernet -- You receive this message as a subscriber of the [hidden email] mailing list. To unsubscribe: mailto:[hidden email] For general help: mailto:[hidden email]?subject=help OW2 mailing lists service home page: http://www.ow2.org/wws
--
Follow Orbeon on Twitter: @orbeon Follow me on Twitter: @avernet |
Free forum by Nabble | Edit this page |