vertical alignment of radiobuttons

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

vertical alignment of radiobuttons

Lakshmi Bhavani E

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

Re: vertical alignment of radiobuttons

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

Re: vertical alignment of radiobuttons

Vinith Gowda1
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 ops-users@ow2.org  
> mailing list.
> To unsubscribe: mailto:ops-users-unsubscribe@ow2.org
> For general help: mailto:sympa@ow2.org?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 ops-users@ow2.org mailing list.
To unsubscribe: mailto:ops-users-unsubscribe@ow2.org
For general help: mailto:sympa@ow2.org?subject=help
OW2 mailing lists service home page: http://www.ow2.org/wws