styling radio buttons vertically

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

styling radio buttons vertically

ilango_g
Hi
I am trying to place two radio buttons vertically with at least one line spacing between them.

They were lined up horizontally, one beside the other. Now I have managed to get them lined up vertically, but there is no line spacing.

I have used the following
<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;
}


Thanks in advance
ilango
Reply | Threaded
Open this post in threaded view
|

Re: styling radio buttons vertically

ilango_g
I succeed in styling my radio buttons as follows:

#control-id span
                        {
                                display: -moz-inline-box;
                                display: block;
                                color:#00f;
                                border-width:6px;
                                border:2px dotted #00f;
                                border:none;
                                width:38em;
                                height:4em;
                        }


someperson wrote
Hi
I am trying to place two radio buttons vertically with at least one line spacing between them.

They were lined up horizontally, one beside the other. Now I have managed to get them lined up vertically, but there is no line spacing.

I have used the following
<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;
}


Thanks in advance
ilango