Orbeon Forms community mailing list

Vertically aligned checkboxes

Classic

List

Threaded

3 messages Options

mjgraham

Vertically aligned checkboxes

Hi,

I have the following bit of XForms xml:

<xforms:select ref="resourceType" appearance="full">
<xforms:itemset nodeset="instance('miscellaneous')/item">
<xforms:label ref="label"/>
<xforms:value ref="value"/>
</xforms:itemset>
</xforms:select>

which produces a horizontal arranged set of checkboxes; however, I would
like to vertically stack them - one under the other - and was wondering
whether there is any simple way to do this?

Cheers,

Matthew

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

Adrian Baker-2

Re: Vertically aligned checkboxes

How about this:

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

The spans underneath xforms-select-full wrap each checkbox & label. If your label is being displayed to the left you might have to fiddle around with the CSS to get the first on the same line as the label.

Alternatively if you run into CSS limitations you could modify theme.xsl and replace each <span> with a <div> or resort to sticking it all into table markup.

Adrian

Matthew Graham wrote:

Hi,

I have the following bit of XForms xml:

         <xforms:select ref="resourceType" appearance="full">
           <xforms:itemset nodeset="instance('miscellaneous')/item">
             <xforms:label ref="label"/>
             <xforms:value ref="value"/>
           </xforms:itemset>
         </xforms:select>

which produces a horizontal arranged set of checkboxes; however, I would like to vertically stack them - one under the other - and was wondering whether there is any simple way to do this?

   Cheers,

   Matthew
--
You receive this message as a subscriber of the [hidden email] mailing list.
To unsubscribe: [hidden email]
For general help: [hidden email]
ObjectWeb mailing lists service home page: http://www.objectweb.org/wws
  

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

mjgraham

Re: Vertically aligned checkboxes

Hi,

Thanks - that works fine.

Cheers,

Matthew

Adrian Baker wrote:

> How about this:
>
> .xforms-select-full span {
> display:block;
> }
>
> The spans underneath xforms-select-full wrap each checkbox & label. If
> your label is being displayed to the left you might have to fiddle
> around with the CSS to get the first on the same line as the label.
>
> Alternatively if you run into CSS limitations you could modify
> theme.xsl and replace each <span> with a <div> or resort to sticking
> it all into table markup.
>
> Adrian
>
> Matthew Graham wrote:
>
>> Hi,
>>
>> I have the following bit of XForms xml:
>>
>> <xforms:select ref="resourceType" appearance="full">
>> <xforms:itemset nodeset="instance('miscellaneous')/item">
>> <xforms:label ref="label"/>
>> <xforms:value ref="value"/>
>> </xforms:itemset>
>> </xforms:select>
>>
>> which produces a horizontal arranged set of checkboxes; however, I
>> would like to vertically stack them - one under the other - and was
>> wondering whether there is any simple way to do this?
>>
>> Cheers,
>>
>> Matthew
>>
>>------------------------------------------------------------------------
>>
>>
>>--
>>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
>>
>>
>
>------------------------------------------------------------------------
>
>
>--
>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
>
>