Is there a built-in way to make a "grid" RadioSet?

[Apocryphon-X]

I want to see if it is possible to get something like this in RadioSet without having to create a new widget from scratch:

[Apocryphon-X]

Right now, the default is this:
https://textual.textualize.io/widgets/radioset/

[davep]

You could style the RadioSet so that it is layout: grid. For example:

from textual.app import App, ComposeResult
from textual.containers import Horizontal
from textual.widgets import RadioButton, RadioSet


class RadioChoicesApp(App[None]):
    CSS = """
    Screen {
        align: center middle;
    }

    Horizontal {
        align: center middle;
        height: auto;
    }

    RadioSet {
        width: 45%;
        layout: grid;
        grid-size: 2;
    }
    """

    def compose(self) -> ComposeResult:
        with RadioSet(id="focus_me"):
            yield RadioButton("Battlestar Galactica")
            yield RadioButton("Dune 1984")
            yield RadioButton("Dune 2021")
            yield RadioButton("Serenity", value=True)
            yield RadioButton("Star Trek: The Motion Picture")
            yield RadioButton("Star Wars: A New Hope")
            yield RadioButton("The Last Starfighter")
            yield RadioButton(
                "Total Recall :backhand_index_pointing_right: :red_circle:"
            )
            yield RadioButton("Wing Commander")

    def on_mount(self) -> None:
        self.query_one("#focus_me").focus()


if __name__ == "__main__":
    RadioChoicesApp().run()

[Apocryphon-X]

Oh wow, I didn't knew about the CSS layout property. Haha thank you very much, that was exactly what I was looking for.