Shiny - Wie wird der Abstand zwischen Inline-Optionsfeldern erhöht?

Question

Ich habe eine Reihe von Inline-Optionsfelder:

radioButtons("buttons", 
      label = "Buttons", 
      choices = c("A", "B", "C", "D", "E"), 
      inline = T) 

Das macht sie so aussehen:

Aber ich will es mehr Abstand zwischen den Tasten sein, beispielsweise auf wie folgt aussehen:

Es spielt keine Rolle, wie diese erledigt. Es könnte sein, indem Sie den Abstand zwischen den Schaltflächen auf eine bestimmte Anzahl von Pixeln festlegen oder die Breite der Schaltflächen auf einen bestimmten Prozentsatz der Seitenbreite festlegen.

Gibt es eine Möglichkeit, dies zu tun?

Related question here, aber nicht genau das gleiche (es fragt nach passenden Schaltflächen zu Spalten) und ich kann nicht den Code in der Antwort trotzdem funktionieren.

Answer 1

CSS verwenden, stellen Sie die margin-right Option:

.checkbox-inline, .radio-inline { 
    margin-right: 100px; 
} 

ich persönlich lieber eine separate CSS-Datei für meine App erstellen. In Ihrem App-Verzeichnis sollte sich die CSS-Datei in einem Ordner befinden 'WWW'.

Answer 2

radioButtons("buttons",label = "Buttons", 
choices = c("A \U00A0", "B \U00A0", "C \U00A0", "D \U00A0", "E \U00A0"), 
inline = T) 

Answer 3

Sie können Raum die Radio-Buttons, indem Sie die folgende Zeile hinzufügen, bevor radioButtons() im UI-Code:

tags$style(HTML(".radio-inline {margin-right: 42px;}")),