1 Frage zu Radiobutton

Um zwei Radio-Buttons und eine Schaltfläche in **eine Zeile** mit JSF (JavaServer Faces) darzustellen, kannst du das Layout mit HTML und CSS steuern. JSF-Komponenten wie `<h:selectOneRadio>` und `<h:commandButton>` werden standardmäßig untereinander angezeigt, aber etwas CSS kannst sie nebeneinander platzieren. **Beispiel:** ```xml <h:panelGroup layout="block" style="display: flex; align-items: center;"> <h:selectOneRadio value="#{bean.selectedOption}" layout="lineDirection"> <f:selectItem itemLabel="Option 1" itemValue="1" /> <f:selectItem itemLabel="Option 2" itemValue="2" /> </h:selectOneRadio> <h:commandButton value="Absenden" action="#{bean.submit}" style="margin-left: 10px;" /> </h:panelGroup> ``` **Erklärung:** - `<h:panelGroup>` mit `style="display: flex;"` sorgt dafür, dass die enthaltenen Komponenten in einer Zeile (horizontal) angeordnet werden. - `layout="lineDirection"` beim Radio-Button sorgt dafür, dass die Radio-Buttons selbst auch nebeneinander stehen. - Mit `style="margin-left: 10px;"` beim Button wird ein kleiner Abstand zu den Radio-Buttons eingefügt. **Hinweis:** Falls du ein anderes Layout-Framework wie [PrimeFaces](https://www.primefaces.org/) oder [Bootstrap](https://getbootstrap.com/) verwendest, kannst du auch deren Grid- oder Layout-Komponenten nutzen. **Weitere Infos zu JSF-Komponenten:** - [JSF `<h:selectOneRadio>` Dokumentation](https://jakarta.ee/specifications/faces/3.0/apidocs/jakarta.faces/jakarta/faces/component/html/HtmlSelectOneRadio.html) - [JSF `<h:commandButton>` Dokumentation](https://jakarta.ee/specifications/faces/3.0/apidocs/jakarta.faces/jakarta/faces/component/html/HtmlCommandButton.html)