Orbeon Forms community mailing list

Horizontal Alignment of Radio Buttons in Form Builder

Classic

List

Threaded

6 messages Options

davix

Horizontal Alignment of Radio Buttons in Form Builder

Hi,

In Form Builder by default, the radio buttons are vertically aligned. I see here that the option for vertical/horizontal alignment is a future feature in Form Builder. Is there a way to horizontally align radio buttons by modifying any classes from form-runner-base.css or form-runner-orbeon.css?

Thanks,
Felix

Erik Bruchez

Re: Horizontal Alignment of Radio Buttons in Form Builder

Administrator

Felix,

Certainly there is.

One idea would be to have Form Builder put 2 different classes on the xf:select1 element, e.g.:

<xf:select class="fr-radio-vertical">

vs.

<xf:select class="fr-radio-horizontal">

or something like that.

Then standards CSS in form-runner-base.css would take care of the 2 different layouts.

Since we don't have this now, you can certainly override the behavior in form-runner-base.css, or better add your own CSS file. See also:

http://wiki.orbeon.com/forms/doc/developer-guide/form-runner/styling

-Erik

On Fri, Feb 11, 2011 at 9:03 AM, davix <[hidden email]> wrote:

Hi,

In Form Builder by default, the radio buttons are vertically aligned. I see
http://wiki.orbeon.com/forms/projects/form-runner-builder/form-builder-future-features
here that the option for vertical/horizontal alignment is a future feature
in Form Builder. Is there a way to horizontally align radio buttons by
modifying any classes from form-runner-base.css or form-runner-orbeon.css?

Thanks,
Felix
--
View this message in context: http://orbeon-forms-ops-users.24843.n4.nabble.com/Horizontal-Alignment-of-Radio-Buttons-in-Form-Builder-tp3301614p3301614.html
Sent from the Orbeon Forms (ops-users) mailing list archive at Nabble.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

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

mabu

Re: Horizontal Alignment of Radio Buttons in Form Builder

Hi,

with orbeon forms 4.10 it is possible to set the custom css class "xforms-select1-appearance-xxforms-horizontal" to layout the radio buttons horizontal.

It would be nice if https://github.com/orbeon/orbeon-forms/issues/333 will be implemented.

Martin

Alessandro Vernet

Re: Horizontal Alignment of Radio Buttons in Form Builder

Administrator

Hi Martin,

This isn't scheduled for 4.11, but I've added a +1 from you the issue. And in the meantime, you can manually add the class from the Form Builder Control Settings dialog.

Alex

--
Follow Orbeon on Twitter: @orbeon
Follow me on Twitter: @avernet

petergruenbeck

Re: Horizontal Alignment of Radio Buttons in Form Builder

I'd like to +1 this item. We have a requirement to mimic a paper form layout
which includes horizontal radio buttons and checkbox.

--
Sent from: http://discuss.orbeon.com/

--
You received this message because you are subscribed to the Google Groups "Orbeon Forms" group.
To unsubscribe from this group and stop receiving emails from it, send an email to [hidden email].
To post to this group, send email to [hidden email].

Alessandro Vernet

Re: Horizontal Alignment of Radio Buttons in Form Builder

Administrator

Hi Peter,

I've added a +1 from you. And in the meantime, as a workaround, you know
that you can get your radio buttons or checkboxes aligned horizontally by
adding a class in the Control Settings dialog, as mentioned in the issue,
right?

Alex

-----
--
Follow Orbeon on Twitter: @orbeon
Follow me on Twitter: @avernet
--
Sent from: http://discuss.orbeon.com/

--
You received this message because you are subscribed to the Google Groups "Orbeon Forms" group.
To unsubscribe from this group and stop receiving emails from it, send an email to [hidden email].
To post to this group, send email to [hidden email].

--
Follow Orbeon on Twitter: @orbeon
Follow me on Twitter: @avernet