Differetns Widths for inputs fields

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

Differetns Widths for inputs fields

bruno.buzzi
CONTENTS DELETED
The author has deleted this message.
Reply | Threaded
Open this post in threaded view
|

Re: Differetns Widths for inputs fields

Alessandro  Vernet
Administrator
Hi Bruno,

Try:

.orbeon .fr-grid .fr-style-surname input { width: 100px; }

Two things:

1. The class you specify on the xf:input goes on the span element which is around the input.
2. There is already some CSS specifying the width, so you need to make sure that your rule has a higher priority, hence the additional class names in the above selector.

To figure this out, your best bet is to use the Chrome Dev Tools, or similar.

Alex
--
Follow Orbeon on Twitter: @orbeon
Follow me on Twitter: @avernet
Reply | Threaded
Open this post in threaded view
|

Re: Differetns Widths for inputs fields

bruno.buzzi
CONTENTS DELETED
The author has deleted this message.
Reply | Threaded
Open this post in threaded view
|

Re: Differetns Widths for inputs fields

Alessandro  Vernet
Administrator
Hi Bruno,

Excellent, I am glad it worked.

Alex
--
Follow Orbeon on Twitter: @orbeon
Follow me on Twitter: @avernet