2017-12-13 10 views
0

웹 브라우저의 80 % 확대시 레이아웃이 더보기 좋게 빛나는 대시 보드에서 확대/축소를 구현하려고합니다.ShinyDashboard - CSS로 확대

그래도 기사를 찾았지만 Shinydashboard에는 작동하지 않습니다. CSS을 구현하면 죽은 공백이 많이 생깁니다.

제에 SO : Zoom out shiny app at default in browser

간단한 코드 예제 :

library(shiny) 
library(shinydashboard) 

header <- dashboardHeader() 
sidebar <- dashboardSidebar() 
body <- dashboardBody(
    tags$style(" 
       body { 
      -moz-transform: scale(0.8, 0.8); /* Moz-browsers */ 
      zoom: 0.8; /* Other non-webkit browsers */ 
      zoom: 80%; /* Webkit browsers */ 
      } 
      "), 
    "test") 

ui <- dashboardPage(header, sidebar, body) 

server <- function(input, output, session) {} 

shinyApp(ui, server) 

사진 (사용 크롬) 문제를 보여주는 : 나는 당신이 당신의 UI 코드를 수정하면 작동 생각 enter image description here

답변

1

약간. 이 방법으로 할 때 그것은 나를 위해 작동합니다.

library(shiny) 
library(shinydashboard) 

ui <- dashboardPage(
dashboardHeader(), 
dashboardSidebar(), 
dashboardBody(
    tags$style(" 
       body { 
      -moz-transform: scale(0.8, 0.8); /* Moz-browsers */ 
      zoom: 0.8; /* Other non-webkit browsers */ 
      zoom: 80%; /* Webkit browsers */ 
      } 
      ") 
)) 

server <- function(input, output, session) {} 

shinyApp(ui, server) 
+0

안녕하세요 @Alex, 여전히 동일한 모양을 보여줍니다. 섹션은 흰색 데드 스페이스입니다. IE와 Chrome에서 모두 사용해 보았습니다. IE는 오른쪽과 아래 모두에 공백을 발생시키는 반면 Chrome은 맨 아래에만 공백을 표시합니다 (위의 그림 참조). – Kevin

+0

이상합니다. 그것은 내 컴퓨터에서 완벽하게 작동합니다. 더 많은 코드로 게시물을 업데이트 할 수 있습니까? 어쩌면 CSS를 무시하는 것이 있을까요? –

+0

단순화 된 버전의 코드는 저에게 동일한 문제를 제공합니다. 그것은 이상하다, 나는 동의한다. 나는 관점 높이와 너비를 동적으로 알아내는 해결 방법을 생각하고 있었고 여하튼 그 너비와 높이를 바꾸기 위해 그것을 사용했지만 그것을 이해할 수는 없다. – Kevin