2013-12-11 7 views
6

サイドバーパネルでは、カバーする領域の約50%しか使用していません。これは、 'fileInput'を取り出すと変更されません(スペースが利用可能な限り水平方向にのみ拡張されます)。サイドバーの未使用領域を減らすパネル

enter image description here

UIコードは、私はそれを投稿で多くのポイントがあるとは思わない理由は全くボイラープレートです。すべてのUI入力フィールドを取り除いても、その効果は変わりません。事実、sidebarPanelの幅は、その内容とは無関係に明らかに計算されますが、固定比率に依存します。

サイズまたはサイドバー/メインパネル比率を手動で調整したいと思います。どうすればそれを達成できますか?

答えて

10

これは私のために働く。 shinyUIオブジェクトの外にこれを配置します。

narrowSidebar <- HTML('<style>.span4 {min-width: 265px; max-width: 265px; }</style>') 

そしてsidebarPanelの上部にこれを配置します。

tags$head(narrowSidebar), ... 

あなたは上記のプロセスを繰り返すことが、span8」に「span4」を変更することにより、メインパネルを変更することができます"

何が起こっているのか理解するのに役立つかもしれません。既定のShinyUIは、フォーマットにブートストラップを使用します。ブートストラップはコンテンツをレイアウトするために12単位のグリッドを使用します。 "span#"を使用すると、グリッドの多くをコンテナに収めることができます。

シャイニーは、サイドバーのスパン4(4/12 =ページの1/3)、メインパネルの8(ページの8/12 = 2/3)を使用します。

私は正直なところ3/9または2/12と思っていますが、上記のトリックを使用すると、あなたが望むようにスタイルを設定することは難しくありません。

+0

ありがとう、特に追加情報 - それはトリックを行う – Raffael

+0

これは私にとってはうまくいかなかった!それ以外の方法はありますか? –

2

いつからかわかりませんが、sidebarPanelmainPanelは今や追加の引数widthを持っています。したがって、通常のグリッドコンセプトで直接パネルのサイズを調整することができます。 (値1〜12)

関連する問題