vertical alignment of radiobuttons

[Lakshmi Bhavani E]

Some javascript/style in this post has been disabled (why?)

Hello all,

 

I have tried to display radio buttons vertically, for this I have used the following css which is suggested by orbeon forum

 

<xhtml:td>
             <xforms:select1 appearance="full"
ref="instance('taskoutput')/fe:select_one_of_two_radio_buttons">
             <xforms:itemset
nodeset="instance('radios')/fe:radio_button_affadavit_choice">
                <xforms:label ref="fe:identifier"/>
                <xforms:value ref="fe:identifier_attrib"/>
            </xforms:itemset>
     </xforms:select1>
</xhtml:td>

and I have used the following CSS:

#control-id span
{
   display: -moz-inline-box;
  display: block;
} 

 

But it displays horizontally not vertically.

Please give me an idea.

 

 

 

 

Thanks,

Bhavani

 

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

[Erik Bruchez]

It's not that easy. Check the Orbeon Forms Bookshelf example, and use  
Firebug to looks at how we did it there.

The CSS is in form-runner-base.css and form-runner-orbeon.css, both  
stored in orbeon-form-runner.jar.

-Erik

On Jun 29, 2009, at 2:42 AM, Lakshmi Bhavani E wrote:

> Hello all,
>
> I have tried to display radio buttons vertically, for this I have  
> used the following css which is suggested by orbeon forum
>
> <xhtml:td>
>              <xforms:select1 appearance="full"
> ref="instance('taskoutput')/fe:select_one_of_two_radio_buttons">
>              <xforms:itemset
> nodeset="instance('radios')/fe:radio_button_affadavit_choice">
>                 <xforms:label ref="fe:identifier"/>
>                 <xforms:value ref="fe:identifier_attrib"/>
>             </xforms:itemset>
>      </xforms:select1>
> </xhtml:td>
>
> and I have used the following CSS:
>
> #control-id span
> {
>    display: -moz-inline-box;
>   display: block;
> }
>
> But it displays horizontally not vertically.
> Please give me an idea.
>
>
>
>
> Thanks,
> Bhavani
>
>
> --
> 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

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

[VinithGowda]

One can use the below for vertical alignment.

.xforms-select1-appearance-full span { display: block; clear: both }
.xforms-select1-appearance-full span label { margin-left: .5em; margin-right: 1em; font-family: Verdana; font-size:8pt;}

Vinith Gowda.


           

Erik Bruchez wrote:

It's not that easy. Check the Orbeon Forms Bookshelf example, and use  
Firebug to looks at how we did it there.

The CSS is in form-runner-base.css and form-runner-orbeon.css, both  
stored in orbeon-form-runner.jar.

-Erik

On Jun 29, 2009, at 2:42 AM, Lakshmi Bhavani E wrote:

> Hello all,
>
> I have tried to display radio buttons vertically, for this I have  
> used the following css which is suggested by orbeon forum
>
> <xhtml:td>
>              <xforms:select1 appearance="full"
> ref="instance('taskoutput')/fe:select_one_of_two_radio_buttons">
>              <xforms:itemset
> nodeset="instance('radios')/fe:radio_button_affadavit_choice">
>                 <xforms:label ref="fe:identifier"/>
>                 <xforms:value ref="fe:identifier_attrib"/>
>             </xforms:itemset>
>      </xforms:select1>
> </xhtml:td>
>
> and I have used the following CSS:
>
> #control-id span
> {
>    display: -moz-inline-box;
>   display: block;
> }
>
> But it displays horizontally not vertically.
> Please give me an idea.
>
>
>
>
> Thanks,
> Bhavani
>
>
> --
> You receive this message as a subscriber of the [e-mail]  
> mailing list.
> To unsubscribe: mailto:[e-mail]
> For general help: mailto:[e-mail]?subject=help
> OW2 mailing lists service home page: http://www.ow2.org/wws

--
Orbeon Forms - Web Forms for the Enterprise Done the Right Way
http://www.orbeon.com/



--
You receive this message as a subscriber of the [e-mail] mailing list.
To unsubscribe: mailto:[e-mail]
For general help: mailto:[e-mail]?subject=help
OW2 mailing lists service home page: http://www.ow2.org/wws