2013-06-06 5 views
4

반짝이는 sliderInput 함수를 사용할 때 슬라이더의 너비/길이를 제어 할 수없는 것처럼 보입니다. 기본적으로 슬라이더는 페이지의 전체 너비를 차지합니다 (pageWithSidebar 모드가 아닌 basicPage 모드에서). 슬라이더의 너비를 제어 할 수있는 방법이 있는지 궁금합니다. 어떤 제안을 주셔서 감사합니다.sliderInput in Shiny - 슬라이더의 길이/너비를 조절하는 방법?

+0

설명서를 읽었습니까? "이 기능은 주로 HTML/CSS에 능숙한 사용자를 대상으로하며 페이지를 부트 스트랩에 배치하는 방법을 알고 있습니다. 부트 스트랩 사용에 대한 자습서가 기본값을 변경하는 데 어려움을 겪고 있다면 도움이 될 것이라고 말하고 싶습니다. 특정 문제가 발생하는 경우 (특정 솔루션을 시도했지만 작동하지 않는 경우) 여기에 게시하면 도움을 드릴 수 있습니다. – alexwhan

답변

8

이 ui.r 스타일에 태그를 추가 할 수있다 :

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

찾는 shinyUI 내측이 라인() 및 sliderinput의 폭을 조정할 수있다.

UPDATE :
반짝 0.11로 RStudio 국세청 (http://cran.r-project.org/web/packages/shiny/NEWS)에 JSlider에로 전환 : ion.rangeSlider에 JQuery와 슬라이더로부터

변경 슬라이더. 이 슬라이더 은 모양이 개선되어 서버에서 더 많은 속성을 업데이트 할 수 있으며 키보드 입력으로 제어 할 수 있습니다. 즉, .jslider는 더 이상 작동하지 않습니다.

.irs {max-width : 200px;}로 변경해야 작동합니다.

+0

Thanks very much. 도움 주셔서 대단히 감사합니다. – BlasIyer

+0

@Timror, CSS 파일에서 이것을'.jslider {max-width : 200px;}'로 사용하려고했습니다. 이 방법도 작동하면 안됩니까? –

+0

@ MattO'Brien, 일반적으로해야합니다. fluidpage (..., theme = "@@. css")와 같이 CSS에 대한 참조를 추가 했습니까? 반짝이는 도움말에서 '대체 부트 스트랩 스타일 시트 (일반적으로 www 디렉토리 내의 CSS 파일). 예를 들어 www/bootstrap.css에있는 테마를 사용하려면 theme = "bootstrap.css"를 사용하십시오. ' – Timror