フレックスダッシュボードのサイドバーにスクロールを追加する

Question

Flexdashboardを使用してUIを設計していますが、一部のテキスト入力ボックスが通常のブラウザウィンドウを超えています。vertical_layout: scrollをコードに追加しましたが、だから私の質問は、私はどのように私は下の画像に示すように垂直スクロール機能を有効にするかです。 ？任意のヒントやポインタは非常に感謝しています。

ここでは、この問題はここで解決されました

--- 
title: "Untitled" 
output: 
    flexdashboard::flex_dashboard: 
    orientation: columns 
    vertical_layout: scroll 
    smooth_scroll: true 
    runtime: shiny 
--- 

```{r setup, include=FALSE} 
library(flexdashboard) 
``` 

    Inputs {.sidebar} 
----------------------------------------------------------------------- 

    ```{r} 
library(shiny) 
library(shinyjs) 


shinyjs::useShinyjs() 
#tags$hr(), 
shinyjs::disabled(textInput("id", "Id", "0")) 
textInput("X1", "X1", "") 
textInput("X2", "X2", "") 
textInput("X3", "X3", "") 
textInput("X4", "X4", "") 
textInput("X5", "X5", "") 
textInput("X6", "X6", "") 
textInput("X7", "X7", "") 
textInput("X8", "X8", "") 
textInput("X9", "X9", "") 
textInput("X10", "X10", "") 
textInput("X11", "X11", "") 
textInput("X12", "X12", "") 

textInput("X13", "X13", "") 
textInput("X14", "X14", "") 
textInput("X15", "X15", "") 
textInput("X16", "X16", "") 

checkboxInput("X17", "X17", FALSE) 


#action buttons 
actionButton("submit", "Submit Changes") 


``` 

Answer 1

以下の私のコードです：https://github.com/rstudio/flexdashboard/issues/27

をあなたはGitHubのから最新バージョンをインストールすることによって修正したバージョンを使用することができます。

devtools::install_github("rstudio/flexdashboard") 

AlternativあなたはこのCSSスニペットをダッシュ​​ボードに追加することができます：

<style type="text/css"> .sidebar { overflow: auto; } </style>