When i was using orboeon older build (3.7.1) when i put a label in a form, i use to see the deployed form in chrome right-click it -> Inspect element .. thereby i can find the "id" of the corresponding component. Say if the control name was warning_label, the id was "warning_label-control-label".
Now i migrated to orbeon 3.8.0.. I tried to apply css for a particular label. So i tried two methods. 1. Added a class attribute in <xforms:output xmlns:xbl="http://www.w3.org/ns/xbl" xmlns:fb="http://orbeon.org/oxf/xml/form-builder" class="test" bind="warning_lbl-bind" id="warning_lbl-control"> and i added <xforms:style> .test{ font-style: italic; } </xforms:style> 2. I found out through "inspect element" option in chrome that the label's id is "warning_lbl-control$$l". So i included <xforms:style> #warning_lbl-control$$l{ font-style: italic; } </xforms:style> But still its not working. Anyone suggest me how to apply css for a particular label... |
This post was updated on .
Any Suggestions ?
|
Administrator
|
In reply to this post by karthik Jayaraman
Karthik,
#1 above should work to style an <xforms:output>. If it doesn't for you, could you attach a reproducible example that shows the issue? Alex On Tue, Jun 29, 2010 at 6:26 AM, karthik Jayaraman <[hidden email]> wrote: > > When i was using orboeon older build (3.7.1) when i put a label in a form, i > use to see the deployed form in chrome right-click it -> Inspect element .. > thereby i can find the "id" of the corresponding component. Say if the > control name was warning_label, the id was "warning_label-control-label". > > Now i migrated to orbeon 3.8.0.. I tried to apply css for text box. So i > tried two methods. > > 1. Added a class attribute in > > <xforms:output xmlns:xbl="http://www.w3.org/ns/xbl" > > xmlns:fb="http://orbeon.org/oxf/xml/form-builder" > class="test" > bind="warning_lbl-bind" > id="warning_lbl-control"> > > and i added > > <xforms:style> > .test{ > font-weight: bold; > } > </xforms:style> > > 2. I found out through "inspect element" option in chrome that the label's > id is "warning_lbl-control$$l". So i included > > <xforms:style> > #warning_lbl-control$$l{ > font-weight: bold; > } > </xforms:style> > > But still its not working. Anyone suggest me how to apply css for a > particular label... > > -- > View this message in context: http://orbeon-forms-ops-users.24843.n4.nabble.com/Problem-in-applying-css-to-a-label-field-tp2272185p2272185.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 |