Customizing look & feel

classic Classic list List threaded Threaded
4 messages Options
Reply | Threaded
Open this post in threaded view
|

Customizing look & feel

samuel home
Dear All

I would like to customize the form's look and feel so it fits exactly the theme of my website. Could you please kindly point me to the documentation which talks about this customization?

Thanks!
Sam


--
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
Reply | Threaded
Open this post in threaded view
|

Re: Customizing look & feel

fl.schmitt(ops-users)
Sam,

> I would like to customize the form's look and feel so it fits exactly
> the theme of my website. Could you please kindly point me to the
> documentation which talks about this customization?

there are some configuration options about which themes are applied:
http://wiki.orbeon.com/forms/doc/developer-guide/configuration-properties/configuration-properties-base#TOC-Epilogue-and-theme-properties

especially oxf.epilogue.theme and oxf.epilogue.use-theme

In addition, the documentation holds some information about applying
themes to an xforms app:
http://www.orbeon.com/orbeon/doc/reference-epilogue#d27e978

I would recommend to copy and rename the theme-examples.xsl (located in
WEB-INF/resources/config) as a starting point, and add a
oxf.epilogue.theme property pointing to the renamed xsl file.

HTH
florian



--
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
Reply | Threaded
Open this post in threaded view
|

Re: Re: Customizing look & feel

samuel home
Dear Florian

Appreciate so much for your links. May I know if there is any examples/samples available which shows how to customize the theme for each form?

Thanks!

Regards,
Sam

On Fri, Sep 24, 2010 at 4:32 PM, Florian Schmitt <[hidden email]> wrote:
Sam,

> I would like to customize the form's look and feel so it fits exactly
> the theme of my website. Could you please kindly point me to the
> documentation which talks about this customization?

there are some configuration options about which themes are applied:
http://wiki.orbeon.com/forms/doc/developer-guide/configuration-properties/configuration-properties-base#TOC-Epilogue-and-theme-properties

especially oxf.epilogue.theme and oxf.epilogue.use-theme

In addition, the documentation holds some information about applying
themes to an xforms app:
http://www.orbeon.com/orbeon/doc/reference-epilogue#d27e978

I would recommend to copy and rename the theme-examples.xsl (located in
WEB-INF/resources/config) as a starting point, and add a
oxf.epilogue.theme property pointing to the renamed xsl file.

HTH
florian



--
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
Reply | Threaded
Open this post in threaded view
|

Re: Re: Re: Customizing look & feel

fl.schmitt(ops-users)
Hi Sam,

> Appreciate so much for your links. May I know if there is any
> examples/samples available which shows how to customize the theme for
> each form?

AFAIK there's no detailed documentation regarding that topic. Basically,
the theme XSL specifies the HTML structure of the resulting (X)HTML
page; it acts as a "template" for them. In that template, you can link
the css and js files that should be available to all pages of your app.
Additionally, definitions from the xhtml:head of each of your xforms are
copied into the resulting (X)HTML page, so it's possible to load css or
js files specificto a certain form. Themes are defined using CSS, so
there's no special technique or command set to customize the appearance,
just the usual web standard tools.

HTH
florian



--
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