2017-11-30 5 views
-2

私はShinydashboardで以下のコードを管理しています。 縮小する方法はありますか?selectInputとnumericInputの間のスペースを減らす方法

  1. 図のように、selectInputとnumericInputの間のスペースはありますか?
  2. "type"と "interval"の間の垂直スペースselectInput?
  3. CSSを調整して解決策が良いでしょうmenuItemは「チャート」

の高さを狭めます。ありがとうございました。

enter image description here

コード:

library(shinydashboard) 
ui <- dashboardPage(
    dashboardHeader(title = "Simple board"), 
    dashboardSidebar(
    sidebarMenu(id = "S", 
    menuItem("Charts", tabName = "V", icon = icon("database","fa-lg")), 
    h5(div(style="display:inline-block;width:50%;text-align: left;", 
     selectInput("Q", label = "type", choices = c("A","B","C"))), 
     div(style="display:inline-block;width:50%;text-align: left;", 
     numericInput("NT", "Num", 15, min = 10, max = 33)), 
     selectInput("s2", label = "interval", choices = c("17 mins","38 
min","124 mins")) 
      ) 
     ) 
    ), 
dashboardBody() 
) 
server <- function(input, output) { 
} 

shinyApp(ui, server) 
+0

コードを見てみましょう –

+2

コードを表示しないと、どうすれば答えることができますか? –

+0

私の悪いです。ここにMCVEがある: –

答えて

0

あなたはmargin財産の助けを借りてこれを達成することができます。 たとえば、selectInputの場合、margin-left:5px程度に設定できます。

同様に区間入力の場合は、その直上のdivに対してmargin-bottom:5pxを設定することができます。

marginプロパティに負の値を設定することもできます。

こちらがお役に立てば幸いです。

+0

いいえ、それは働かない。答えをありがとう。私はMCVEを提供しました。 –

関連する問題