Problem in applying css to a label field

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

Problem in applying css to a label field

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

Re: Problem in applying css to a label field

karthik Jayaraman
This post was updated on .
Any Suggestions ?
Reply | Threaded
Open this post in threaded view
|

Re: Problem in applying css to a label field

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