Inline CSS for input controls

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

Inline CSS for input controls

victor panizza-2
Hello All...
I been trying for a while set a inline CSS for input control:

<xforms:input ref="ID_SCR" style="width:2000pt" >
<xforms:label >id_scr:</xforms:label>
</xforms:input>

But it does not work, the weird is that in the secret control it works!!!

<xforms:secret ref="ID_SCR" style="width:2000pt">
         <xforms:label>Enter your password:</xforms:label>
</xforms:secret>


Any idea how to use the inline css styles in Orbeon???

Thanks in advance!!!!!


Building a website is a piece of cake.
Yahoo! Small Business gives you all the tools to get online.

--
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
ObjectWeb mailing lists service home page: http://www.objectweb.org/wws
Reply | Threaded
Open this post in threaded view
|

Re: Inline CSS for input controls

Erik Bruchez
Administrator
Victor,

This doesn't always work, because the style attribute is copied to the
top-level element produced by Orbeon Forms when the XForms control is
converted to HTML. In the case of xforms:input, the style attribute is
copied on a <span> element, which is why setting the width doesn't work.
For xform:secret, the top-level element is an HTML form control so it
works. Not very consistent, we know.

This said, it will be difficult to make the style attribute work, even
in the future. You will be better off using the class attribute.

Also, if you haven't done so, we recommend you look at this part of the
tutorial:

   http://www.orbeon.com/ops/doc/intro-tutorial#making-things-look-nicer

-Erik

victor panizza wrote:

> Hello All...
> I been trying for a while set a inline CSS for input control:
>
> <xforms:input ref="ID_SCR" style="width:2000pt" >
> <xforms:label >id_scr:</xforms:label>
> </xforms:input>
>
> But it does not work, the weird is that in the secret control it works!!!
>
> <xforms:secret ref="ID_SCR" style="width:2000pt">
>          <xforms:label>Enter your password:</xforms:label>
> </xforms:secret>
>
>
> Any idea how to use the inline css styles in Orbeon???
>
> Thanks in advance!!!!!
--
Orbeon Forms - Web Forms for the Enterprise Done the Right Way
http://www.orbeon.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
ObjectWeb mailing lists service home page: http://www.objectweb.org/wws
Reply | Threaded
Open this post in threaded view
|

Re: Inline CSS for input controls

victor panizza-2
Thanks Erik for your reply!!

Erik Bruchez <[hidden email]> wrote:
Victor,

This doesn't always work, because the style attribute is copied to the
top-level element produced by Orbeon Forms when the XForms control is
converted to HTML. In the case of xforms:input, the style attribute is
copied on a element, which is why setting the width doesn't work.
For xform:secret, the top-level element is an HTML form control so it
works. Not very consistent, we know.

This said, it will be difficult to make the style attribute work, even
in the future. You will be better off using the class attribute.

Also, if you haven't done so, we recommend you look at this part of the
tutorial:

http://www.orbeon.com/ops/doc/intro-tutorial#making-things-look-nicer

-Erik

victor panizza wrote:

> Hello All...
> I been trying for a while set a inline CSS for input control:
>
>
> id_scr:
>

>
> But it does not work, the weird is that in the secret control it works!!!
>
>
> Enter your password:
>

>
>
> Any idea how to use the inline css styles in Orbeon???
>
> Thanks in advance!!!!!

--
Orbeon Forms - Web Forms for the Enterprise Done the Right Way
http://www.orbeon.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
ObjectWeb mailing lists service home page: http://www.objectweb.org/wws


Yahoo! oneSearch: Finally, mobile search that gives answers, not web links.

--
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
ObjectWeb mailing lists service home page: http://www.objectweb.org/wws