Poor default CSS : am I doing something wrong? (newbie question)
Locked
 
|
Hi,
I have just started with Orbeon (until now I have used Chiba a Xform's engine), so sorry in advanced if this question has been already answered hundred of times :-) I have rendered an Xform inside Orbeon and everything works fine, but the output is very poor. For example, no line box is rendered when using a 'xf:group', and all elements appear as inline elements. I know that this can be changed with little CSS, but my question is if this is the default output or I'm doing something wrong (some missing files, ...). I was just wondering, because the default output in Chiba is nicer :-)
Thanks a lot Isi -- 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 |
Re: Poor default CSS : am I doing something wrong? (newbie question)
Administrator
|
Isi,
Orbeon Forms doesn't do any styling for groups, or labels by default. But you'll find CSS classes in the HTML output sent to the browser which should allow you to style those elements the way you want. For instance a <span> is generates for each <xforms:group>, with the CSS class xforms-group. The easiest thing to do is to look at the HTML in Firefox with Firebug, and see what CSS classes have been added where, so you can write a CSS stylesheet that styles your form the way you want. Alex 2010/4/9 Legido Martínez, Isidoro <[hidden email]>: > Hi, > I have just started with Orbeon (until now I have used Chiba a Xform's > engine), so sorry in advanced if this question has been already answered > hundred of times :-) > I have rendered an Xform inside Orbeon and everything works fine, but the > output is very poor. For example, no line box is rendered when using a > 'xf:group', and all elements appear as inline elements. I know that this can > be changed with little CSS, but my question is if this is the default output > or I'm doing something wrong (some missing files, ...). I was just > wondering, because the default output in Chiba is nicer :-) > Thanks a lot > Isi > > > -- > 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 |
|
|
Ok, that is was doing. I just ask to avoid doing some work that is already done :-)
Thanks a lot Isi PS: By the way, does it exist wome "CSS section" in the wiki? Probably it could be a nice place for putting some sample "skin code" On 11 April 2010 09:01, Alessandro Vernet <[hidden email]> wrote: Isi, -- 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 |
Re: Re: Re: Poor default CSS : am I doing something wrong? (newbie question)
|
Administrator
|
On the wiki, there is the page linked below, which is intended to
describe the output you get from Orbeon Forms, and the classes you can use. But it is often more convenient to just look at the actual output with Firebug then to look this up in the documentation ;), so this page has holes and hasn't been maintained very well: http://wiki.orbeon.com/forms/doc/developer-guide/html-layout Alex 2010/4/11 Legido Martínez, Isidoro <[hidden email]>: > Ok, that is was doing. I just ask to avoid doing some work that is already > done :-) > > Thanks a lot > > Isi > > PS: By the way, does it exist wome "CSS section" in the wiki? Probably it > could be a nice place for putting some sample "skin code" > > On 11 April 2010 09:01, Alessandro Vernet <[hidden email]> wrote: >> >> Isi, >> >> Orbeon Forms doesn't do any styling for groups, or labels by default. >> But you'll find CSS classes in the HTML output sent to the browser >> which should allow you to style those elements the way you want. For >> instance a <span> is generates for each <xforms:group>, with the CSS >> class xforms-group. The easiest thing to do is to look at the HTML in >> Firefox with Firebug, and see what CSS classes have been added where, >> so you can write a CSS stylesheet that styles your form the way you >> want. >> >> Alex >> >> 2010/4/9 Legido Martínez, Isidoro <[hidden email]>: >> > Hi, >> > I have just started with Orbeon (until now I have used Chiba a Xform's >> > engine), so sorry in advanced if this question has been already answered >> > hundred of times :-) >> > I have rendered an Xform inside Orbeon and everything works fine, but >> > the >> > output is very poor. For example, no line box is rendered when using a >> > 'xf:group', and all elements appear as inline elements. I know that this >> > can >> > be changed with little CSS, but my question is if this is the default >> > output >> > or I'm doing something wrong (some missing files, ...). I was just >> > wondering, because the default output in Chiba is nicer :-) >> > Thanks a lot >> > Isi >> > >> > >> > -- >> > 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 >> > > > > -- > 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 Alex
Thanks a lot for the reply. I am working with Firebug and it is going pretty well :-) Isi On 13 April 2010 02:05, Alessandro Vernet <[hidden email]> wrote: On the wiki, there is the page linked below, which is intended to -- 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 |
|
I am out of the office until 19th April *********************************************************************************************** This email, including any attachment, is confidential and may be legally privileged. If you are not the intended recipient or if you have received this email in error, please inform the sender immediately by reply and delete all copies from your system. Do not retain, copy, disclose, distribute or otherwise use any of its contents.
Whilst we have taken reasonable precautions to ensure that this email has been swept for computer viruses, we cannot guarantee that this email does not contain such material and we therefore advise you to carry out your own virus checks. We do not accept liability for any damage or losses sustained as a result of such material.
Please note that incoming and outgoing email communications passing through our IT systems may be monitored and/or intercepted by us solely to determine whether the content is business related and compliant with company standards. *********************************************************************************************** The Stationery Office Limited is registered in England No. 3049649 at 10 Eastbourne Terrace, London, W2 6LG
|
Re: Re: Re: Re: Re: Poor default CSS : am I doing something wrong? (newbie question)
|
Administrator
|
In reply to this post by islegmar
Excellent! And thanks for the update,
Alex 2010/4/15 Legido Martínez, Isidoro <[hidden email]>: > Hi Alex > Thanks a lot for the reply. I am working with Firebug and it is going pretty > well :-) > Isi > > On 13 April 2010 02:05, Alessandro Vernet <[hidden email]> wrote: >> >> On the wiki, there is the page linked below, which is intended to >> describe the output you get from Orbeon Forms, and the classes you can >> use. But it is often more convenient to just look at the actual output >> with Firebug then to look this up in the documentation ;), so this >> page has holes and hasn't been maintained very well: >> >> http://wiki.orbeon.com/forms/doc/developer-guide/html-layout >> >> Alex >> >> 2010/4/11 Legido Martínez, Isidoro <[hidden email]>: >> > Ok, that is was doing. I just ask to avoid doing some work that is >> > already >> > done :-) >> > >> > Thanks a lot >> > >> > Isi >> > >> > PS: By the way, does it exist wome "CSS section" in the wiki? Probably >> > it >> > could be a nice place for putting some sample "skin code" >> > >> > On 11 April 2010 09:01, Alessandro Vernet <[hidden email]> wrote: >> >> >> >> Isi, >> >> >> >> Orbeon Forms doesn't do any styling for groups, or labels by default. >> >> But you'll find CSS classes in the HTML output sent to the browser >> >> which should allow you to style those elements the way you want. For >> >> instance a <span> is generates for each <xforms:group>, with the CSS >> >> class xforms-group. The easiest thing to do is to look at the HTML in >> >> Firefox with Firebug, and see what CSS classes have been added where, >> >> so you can write a CSS stylesheet that styles your form the way you >> >> want. >> >> >> >> Alex >> >> >> >> 2010/4/9 Legido Martínez, Isidoro <[hidden email]>: >> >> > Hi, >> >> > I have just started with Orbeon (until now I have used Chiba a >> >> > Xform's >> >> > engine), so sorry in advanced if this question has been already >> >> > answered >> >> > hundred of times :-) >> >> > I have rendered an Xform inside Orbeon and everything works fine, but >> >> > the >> >> > output is very poor. For example, no line box is rendered when using >> >> > a >> >> > 'xf:group', and all elements appear as inline elements. I know that >> >> > this >> >> > can >> >> > be changed with little CSS, but my question is if this is the default >> >> > output >> >> > or I'm doing something wrong (some missing files, ...). I was just >> >> > wondering, because the default output in Chiba is nicer :-) >> >> > Thanks a lot >> >> > Isi >> >> > >> >> > >> >> > -- >> >> > 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 >> >> >> > >> > >> > >> > -- >> > 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 >> > > > > -- > 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 |
«
Return to Orbeon Forms community mailing list
|
1 view|%1 views
| Free forum by Nabble | Edit this page |