Issue with styling individual field - be gentle, I'm new!

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

Issue with styling individual field - be gentle, I'm new!

shady_twist
Hi all,

I'm trying to shorten one field - that's the box, not the number of characters. I've put:

        <xh:style type="text/css">
               .short-field {width:25px;}
         </xh:style> 

and then:

<xf:input class="short-field" id="control-4-control" bind="control-4-bind">
                                    <xf:label ref="$form-resources/control-4/label"/>
                                    <xf:hint ref="$form-resources/control-4/hint"/>
                                    <xf:alert ref="$fr-resources/detail/labels/alert"/>
                                </xf:input>

when I inspect the field from the front-end, I can see the css class, but it's not doing anything to the field/box.

Can anyone help?

Thanks
Jo

--
You received this message because you are subscribed to the Google Groups "Orbeon Forms" group.
To unsubscribe from this group and stop receiving emails from it, send an email to [hidden email].
To post to this group, send email to [hidden email].
Reply | Threaded
Open this post in threaded view
|

Re: Issue with styling individual field - be gentle, I'm new!

Alessandro  Vernet
Administrator
For those finding this thread through a search, since this question was cross-posted on Stack Overflow, and a follow-up has already been posted there, please refer to that discussion, and if you'd like please comment as well as on Stack Overflow:

https://stackoverflow.com/questions/44264697/struggling-to-style-field-in-orbeon-form

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