Align Checkboxes Horizontally

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

Align Checkboxes Horizontally

Neenu Jacob
Hi,

Can we align checkboxes in the same row?

Regards,
Neenu Jacob
Reply | Threaded
Open this post in threaded view
|

Re: Align Checkboxes Horizontally

Alessandro  Vernet
Administrator
Hi Neenu,

Yes, you can do this (even if this is something we'd like to improve!). For more on this, see:

https://stackoverflow.com/questions/45369543/orbeon-forms-radio-button-alignment

Alex
--
Follow Orbeon on Twitter: @orbeon
Follow me on Twitter: @avernet
Reply | Threaded
Open this post in threaded view
|

Re: Align Checkboxes Horizontally

bwallis42
Hi Alex,
  Is there a way to do this in version 3.9? I tried those classes on a select1 but to no effect (not surprised really).
Reply | Threaded
Open this post in threaded view
|

Re: Align Checkboxes Horizontally

Neenu Jacob
In reply to this post by Alessandro Vernet
It works!! Thankyou
Reply | Threaded
Open this post in threaded view
|

Re: Align Checkboxes Horizontally

Alessandro  Vernet
Administrator
Excellent Neenu, and thanks for confirming.

Brian, those classes are defined in `form-runner-bootstrap-override.less`. So you could take that CSS from our latest code, and try to add it to 3.9. It might work as-is, or might need to be adapted, I'm not sure. (And technically, that code is now in LESS, but it should be pretty simple for you to convert it to CSS, even without going through the LESS compiler.) You'll let us know how this works!

Alex
--
Follow Orbeon on Twitter: @orbeon
Follow me on Twitter: @avernet
Reply | Threaded
Open this post in threaded view
|

Re: Align Checkboxes Horizontally

bwallis42
Thanks for that Alex, I tried and failed :-(

I can get it to work on firefox and chrome with a little bit of a hack but
failed to get it working on IE. Overriding the CSS block mode with
inline-block doesn't seem to work correctly. The chrome/firefox inspector
shows the block mode being overridden (strike'd thru) but unless you untick
it as well it seems to still override the inline-block declaration that is
more specific.

What I have is below to style a single control. We also have additional
styling applied to all forms and I suspect it is interfering.

I'm not going to worry about it, it is only a little thing and I think our
customers can wait until version 4 where it will work correctly and easily.



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

Re: Align Checkboxes Horizontally

Alessandro  Vernet
Administrator
I'm sorry it didn't work, Brian :(. But, well, let's take that a providing
one more reason to upgrade ;).

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