2017-02-02 4 views
0

У меня есть набор встроенных переключателей:Shiny - Как увеличить расстояние между встроенными переключателями?

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

Это делает их выглядеть следующим образом:

Buttons

Но я хочу, чтобы было больше расстояния между кнопками, например, выглядеть следующим образом:

Buttons2

это не имеет значения, как это готово. Это можно сделать, установив промежуток между кнопками на определенное количество пикселей или установив разброс кнопок на определенный% ширины страницы.

Есть ли способ сделать это?

Related question here, но не совсем то же самое (он спрашивает об установке кнопок в столбцы), и я не могу получить код в ответе на работу в любом случае.

ответ

1

с помощью CSS, отрегулируйте маржинальный правый вариант:

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

Я лично предпочитаю, чтобы создать отдельный файл CSS для моего приложения. В вашем каталоге приложений файл CSS должен находиться в папке 'WWW'.

+0

Если я не буду использовать это неправильно, это, кажется, переместить все кнопки радио в влево, а не пробел их –

+0

@YangLi Попробуйте это – zacdav

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

Вы можете пространство кнопки радио, добавив следующую строку перед radioButtons() в коде Ui:

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