Orbeon Forms community mailing list

Apply CSS to xform controls

Classic

List

Threaded

6 messages Options

Frank Feng

Apply CSS to xform controls

Hello all,

I've tried to apply a self defined CSS to xforms:input, but it just doesn't
work. The input element is:

<xforms:input ref="vra:titleSet/vra:title" class="largeinput">
...

The CSS definition is:

.largeinput {
width: 120em;
}

Is there anything wrong with my code?

Thanks

Frank

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

simone123456

Re: Apply CSS to xform controls

Frank Feng wrote

Hello all,

I've tried to apply a self defined CSS to xforms:input, but it just doesn't
work. The input element is:

<xforms:input ref="vra:titleSet/vra:title" class="largeinput">
...

The CSS definition is:

.largeinput {
width: 120em;
}

Is there anything wrong with my code?

Thanks

Frank

--
You receive this message as a subscriber of the ops-users@ow2.org mailing list.
To unsubscribe: mailto:ops-users-unsubscribe@ow2.org
For general help: mailto:sympa@ow2.org?subject=help
OW2 mailing lists service home page: http://www.ow2.org/wws

you can try with .xforms-input input { width: 120em;}
but set this css proprety to all xforms input

However maybe your problem is that in xforms input you can't put class=".." maybe

simone
------

Frank Feng

RE: Re: Apply CSS to xform controls

How about xxforms:size attribute of xforms:input? It doesn't work either
even it is clearly stated in the documentation.

-----Original Message-----
From: simone123456 [mailto:[hidden email]]
Sent: 08 October 2008 11:05
To: [hidden email]
Subject: [ops-users] Re: Apply CSS to xform controls

Frank Feng wrote:

>
> Hello all,
>
> I've tried to apply a self defined CSS to xforms:input, but it just
> doesn't work. The input element is:
>
>
> <xforms:input ref="vra:titleSet/vra:title" class="largeinput"> ...
>
>
> The CSS definition is:
>
> .largeinput {
> width: 120em;
> }
>
> Is there anything wrong with my code?
>
> Thanks
>
> Frank
>
>
>
>
>
>
> --
> 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 can try with .xforms-input input { width: 120em;} but set this css

proprety to all xforms input

However maybe your problem is that in xforms input you can't put class=".."
maybe

simone
------
--
View this message in context:
http://www.nabble.com/Apply-CSS-to-xform-controls-tp19875487p19875886.html
Sent from the ObjectWeb 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

richhl

Re: Apply CSS to xform controls

In reply to this post by Frank Feng

> Hello all,

>
> I've tried to apply a self defined CSS to xforms:input, but it just doesn't
> work. The input element is:
>
>
> <xforms:input ref="vra:titleSet/vra:title" class="largeinput">
> ...
>
>
> The CSS definition is:
>
> .largeinput {
> width: 120em;
> }
>
> Is there anything wrong with my code?
>
> Thanks
>
> Frank
>
>
>
>

See if this http://sites.google.com/a/orbeon.com/forms/contributions/wd-microguide-en How is supposed a web designer to change form controls aesthetics? could help.

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

Erik Bruchez

Re: RE: Re: Apply CSS to xform controls

Administrator

In reply to this post by Frank Feng

Try:

.largeinput input { 120em }

-Erik

On Oct 8, 2008, at 3:31 AM, yf508 wrote:

> How about xxforms:size attribute of xforms:input? It doesn't work
> either
> even it is clearly stated in the documentation.
>
>
>
>
> -----Original Message-----
> From: simone123456 [mailto:[hidden email]]
> Sent: 08 October 2008 11:05
> To: [hidden email]
> Subject: [ops-users] Re: Apply CSS to xform controls
>
>
>
>
> Frank Feng wrote:
>>
>> Hello all,
>>
>> I've tried to apply a self defined CSS to xforms:input, but it just
>> doesn't work. The input element is:
>>
>>
>> <xforms:input ref="vra:titleSet/vra:title" class="largeinput"> ...
>>
>>
>> The CSS definition is:
>>
>> .largeinput {
>> width: 120em;
>> }
>>
>> Is there anything wrong with my code?
>>
>> Thanks
>>
>> Frank
>>
>>
>>
>>
>>
>>
>> --
>> 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 can try with .xforms-input input { width: 120em;} but set this
> css
> proprety to all xforms input
>
> However maybe your problem is that in xforms input you can't put
> class=".."
> maybe
>
> simone
> ------
> --
> View this message in context:
> http://www.nabble.com/Apply-CSS-to-xform-controls-tp19875487p19875886.html
> Sent from the ObjectWeb 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 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
OW2 mailing lists service home page: http://www.ow2.org/wws

Frank Feng

RE: Re: RE: Re: Apply CSS to xform controls

Thanks, Erik. It works now.

Frank

-----Original Message-----
From: Erik Bruchez [mailto:[hidden email]]
Sent: 15 October 2008 03:44
To: [hidden email]
Subject: [ops-users] Re: RE: Re: Apply CSS to xform controls

Try:

.largeinput input { 120em }

-Erik

On Oct 8, 2008, at 3:31 AM, yf508 wrote:

> How about xxforms:size attribute of xforms:input? It doesn't work
> either even it is clearly stated in the documentation.
>
>
>
>
> -----Original Message-----
> From: simone123456 [mailto:[hidden email]]
> Sent: 08 October 2008 11:05
> To: [hidden email]
> Subject: [ops-users] Re: Apply CSS to xform controls
>
>
>
>
> Frank Feng wrote:
>>
>> Hello all,
>>
>> I've tried to apply a self defined CSS to xforms:input, but it just
>> doesn't work. The input element is:
>>
>>
>> <xforms:input ref="vra:titleSet/vra:title" class="largeinput"> ...
>>
>>
>> The CSS definition is:
>>
>> .largeinput {
>> width: 120em;
>> }
>>
>> Is there anything wrong with my code?
>>
>> Thanks
>>
>> Frank
>>
>>
>>
>>
>>
>>
>> --
>> 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 can try with .xforms-input input { width: 120em;} but set this
> css proprety to all xforms input
>
> However maybe your problem is that in xforms input you can't put
> class=".."
> maybe
>
> simone
> ------
> --
> View this message in context:
> http://www.nabble.com/Apply-CSS-to-xform-controls-tp19875487p19875886.
> html Sent from the ObjectWeb 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