setting the size of an input field

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

setting the size of an input field

Jency Chackummoottil

Hi,

For an input field we could set its alignment using the style attribute as shown below.

 

<xforms:input style="position:absolute;top:53;left:131;" ref="instance('details')/personal/Name">

 

But the width and height for the field could not be set by giving  style="position:absolute;top:53;left:131;width:154;height:50".

 

The width and height for most other controls such as text area, radiobutton etc could be set by the above method. But why is it not applicable for textbox? It would be good if we could do the same using the above method rather than giving the input field an ID and using stylesheet to set its size.

 

Thanks

Jency



--
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: setting the size of an input field

Erik Bruchez
Administrator
Jency Chackummoottil wrote:

> Hi,
>
> For an input field we could set its alignment using the style attribute
> as shown below.
>
>  
>
> <xforms:input style="position:absolute;*top:53;left:131*;"
> ref="instance('details')/personal/Name">
>
>  
>
> But the width and height for the field could not be set by giving
>  style="position:absolute;top:53;left:131;*width:154;height:50*".
>
>  
>
> The width and height for most other controls such as text area,
> radiobutton etc could be set by the above method. But why is it not
> applicable for textbox? It would be good if we could do the same using
> the above method rather than giving the input field an ID and using
> stylesheet to set its size.
Because the generated HTML input control actually has this structure:

<span id="my-control" class="xforms-input ...">
   <input ...>

You can style the actual input field with something like:

.xforms-input input { ... style here ...}

It can certainly be considered a bug that controls are not consistently
organized like this.

Also have a look at the section "Making Things Look Nicer" in the tutorial:

   http://www.orbeon.com/ops/doc/intro-tutorial

-Erik

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