Please put the following code in your custom css file (or in the bottom of web2py_bootstrap.css if you are using the welcome app scaffolding):
.generic-widget input[type='radio'] {margin:-1px 0 0 0; vertical-align:middle
;}
.generic-widget input[type='radio'] + label {display:inline-block; margin:0
0 0 6px; vertical-align: middle;}
Bootstrap framework has a html structure for radio controls different from
web2py radio widget. For this reason the issue has been raised.
Il giorno giovedì 18 luglio 2013 10:12:20 UTC+2, Johann Spies ha scritto:
>
> I took the welcome app (trunk version), added the following model:
>
>
> db.define_table("toets_radio",
> Field('yesno', requires=IS_IN_SET([(0, 'No'), (1, 'Yes')]),
> widget = SQLFORM.widgets.radio.widget))
>
> And it produced this view there the radio button and the label are on two
> different lines (see attached screenshot).
>
> Then I replaced the /static directory and /views/layout.html with a
> version from an older app and the radio button and it's label was next to
> each other as expected (see second screenshot).
>
> I was so far unable to determine what exactly causes this and have wasted
> several hours to solve the problem in the trunk version. I would
> appreciate it if someone more knowledgable than me can solve this.
>
> The bootstrap version in the css that worked correctly was 2.04.
> Unfortunately the web2py*.css files did not have a version in.
>
> Regards
> Johann
>
>
> --
> Because experiencing your loyal love is better than life itself,
> my lips will praise you. (Psalm 63:3)
>
--
---
You received this message because you are subscribed to the Google Groups
"web2py-users" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
For more options, visit https://groups.google.com/groups/opt_out.
<<attachment: radio_aligned.jpg>>
