Rendering checkboxes in vertical direction

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

Rendering checkboxes in vertical direction

Raymond Jones
Hi

According to the XForms specification [1] a XForms implementation should
render xf:select checkboxes (appearance="full") vertically:

[ ] Option A
[ ] Option B
[ ] Option C

Orbeon now renders them horizontally:

[ ] Option A   [ ] Option B   [ ] Option C

Can the direction be changed somehow... maybe by using CSS?

/Ray

[1] http://www.w3.org/TR/xforms/#ui-selectMany


--
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
Reply | Threaded
Open this post in threaded view
|

Re: Rendering checkboxes in vertical direction

fl.schmitt
Hi, Raymond,
>
> Can the direction be changed somehow... maybe by using CSS?
>
didn't tried it myself:
http://www.nabble.com/Re%3A-Vertically-aligned-checkboxes-p3445062.html

HTH
florian



--
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
Reply | Threaded
Open this post in threaded view
|

Re: Rendering checkboxes in vertical direction

Raymond Jones
On 13.11.2007 16:13 Florian Schmitt wrote:
>> Can the direction be changed somehow... maybe by using CSS?
>
> didn't tried it myself:
> http://www.nabble.com/Re%3A-Vertically-aligned-checkboxes-p3445062.html

Thanks! It works with a small modification:

.xforms-select-appearance-full span {
    display: block;
}

The result is

Label
[ ] Option A
[ ] Option B
[ ] Option C

The options should be on the right side of the label, not below, but
maybe I can do the rest of the CSS job...

Once again, thanks!

/Ray


--
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
Reply | Threaded
Open this post in threaded view
|

Re: Rendering checkboxes in vertical direction

Erik Bruchez
Administrator
Raymond Jones wrote:

> On 13.11.2007 16:13 Florian Schmitt wrote:
>>> Can the direction be changed somehow... maybe by using CSS?
>>
>> didn't tried it myself:
>> http://www.nabble.com/Re%3A-Vertically-aligned-checkboxes-p3445062.html
>
> Thanks! It works with a small modification:
>
> .xforms-select-appearance-full span {
>    display: block;
> }
>
> The result is
>
> Label
> [ ] Option A
> [ ] Option B
> [ ] Option C
>
> The options should be on the right side of the label, not below, but
> maybe I can do the rest of the CSS job...
Yeah it would be great if the left vs. right positioning of the labels
was easily configurable, whether with CSS or not. But right now, you may
have to live with the labels on the right unless you resort to using
XSLT to change the order.

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

Re: Rendering checkboxes in vertical direction

Raymond Jones
Erik Bruchez wrote:

> Raymond Jones wrote:
>> .xforms-select-appearance-full span {
>>    display: block;
>> }
>>
>> Label
>> [ ] Option A
>> [ ] Option B
>> [ ] Option C
>
> Yeah it would be great if the left vs. right positioning of the labels
> was easily configurable, whether with CSS or not. But right now, you
> may have to live with the labels on the right
Actually, the label is now on the top.

> unless you resort to using XSLT to change the order.

I couldn't find an XSL template that creates span elements matching to
the CSS class "xforms-select-appearance-full". Are they created by HTML
Converter or some other Java component?

/Ray


--
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
Reply | Threaded
Open this post in threaded view
|

Re: Rendering checkboxes in vertical direction

Erik Bruchez
Administrator
Raymond Jones wrote:

> Erik Bruchez wrote:
>> Raymond Jones wrote:
>>> .xforms-select-appearance-full span {
>>>    display: block;
>>> }
>>>
>>> Label
>>> [ ] Option A
>>> [ ] Option B
>>> [ ] Option C
>>
>> Yeah it would be great if the left vs. right positioning of the labels
>> was easily configurable, whether with CSS or not. But right now, you
>> may have to live with the labels on the right
>
> Actually, the label is now on the top.
>
>> unless you resort to using XSLT to change the order.
>
> I couldn't find an XSL template that creates span elements matching to
> the CSS class "xforms-select-appearance-full". Are they created by HTML
> Converter or some other Java component?
There is no such template in Orbeon Forms. What I meant is that you
could create such a thing, for example in your theme stylesheet (e.g.
theme-plain.xsl).

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