2013-06-06 4 views
4

Когда я использую функцию sliderInput в блестящей форме, мне кажется, что я не могу контролировать ширину/длину ползунка. По умолчанию ползунок занимает всю ширину страницы (в режиме basicPage, а не в режиме pageWithSidebar). Мне интересно, есть ли способ контролировать ширину слайдера. Спасибо за любые предложения.sliderInput in Shiny - как контролировать длину/ширину слайдера в блестящей?

+0

Вы прочитали документацию? «Эти функции в первую очередь предназначены для пользователей, которые являются надежными в HTML/CSS, и знают, как выложить страницы в Bootstrap» - я бы сказал, если вы пытаетесь изменить настройки по умолчанию, возможно, помогут некоторые учебные пособия по использованию Bootstrap? Если у вас возникли определенные проблемы (если вы пробовали определенные решения, и они не работают), разместите их здесь и, возможно, мы сможем помочь – alexwhan

ответ

8

можно добавить тег стиля в ui.r:

tags$head(
     tags$style(type="text/css", ".jslider { max-width: 200px; }") 
    ), 

Место эти линии внутри shinyUI() и ширина sliderinput можно регулировать.

ОБНОВЛЕНИЕ:
с блестящей 0,11 RStudio перешли от JSlider к ИПС (http://cran.r-project.org/web/packages/shiny/NEWS):

Измененный ползунки из Jquery-слайдера к ion.rangeSlider. Эти слайдеры имеют улучшенный внешний вид, поддерживают обновление свойств с сервера и могут управляться с помощью ввода с клавиатуры. Это означает, что .jslider больше не будет работать.

Изменение на .irs {max-width: 200px;} должно работать.

+0

Большое спасибо. Большое спасибо за вашу помощь. – BlasIyer

+0

@Timror, я попытался использовать это в файле CSS, как '.jslider {max-width: 200px;}'. Разве этот метод не работает? –

+0

@ MattO'Brien, обычно это должно быть. Вы добавили ссылку на ваш css, например, fluidpage (..., theme = "@@. Css")? С блестящей помощью: «Альтернативная таблица стилей Bootstrap (обычно это файл css в каталоге www). Например, чтобы использовать тему, расположенную на www/bootstrap.css, вы должны использовать тему = "bootstrap.css". " – Timror