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> 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 |
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 |
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.
|
Free forum by Nabble | Edit this page |