如何更改有關側邊欄的flexdashboard的佈局？

-1

我決定將markdown與flexdashboard包用於生成動態儀表板。如何更改有關側邊欄的flexdashboard的佈局？

儀表板設計得很好，這要歸功於編寫它的人，但是我想在屏幕的右側設置一個側欄（不是默認情況下給出的左側）。

我已閱讀文檔flexdashboard's sidebar和Google搜索了很多，但無法找到如何從降價文件（Rmd）定製它的方法。

最終決定修改一堆CSS文件，並移動這些html元素。

.section.sidebar { 
    top: 61px; 
    border-bottom: 10px solid #ececec; 
    border-left: 10px solid #ececec; 
    background-color: rgba(255, 255, 255, 1); 
    left:1080px; 
}

但似乎我已經採取了錯誤的道路（CSS的調整是一個頭痛對我來說），有人建議可以更好的方案，因爲我有點失去了這裏？

用於演示目的，我畫了一個小的草圖：

my illustration

謝謝你在前進，吉爾

來源

2016-08-25 JammingThebBits

也許浮動：對吧？ –

我嘗試過，但似乎仍然失敗（仍然在左側），這就是我手動配置left的原因：1080px;但現在正確的區域正在被覆蓋：/。感謝您嘗試協助！ p.s也許它與flexbox有關 – JammingThebBits

你必須添加此CSS代碼父類：

.container { 
    justify-content: flex-end; 
}

來源

2016-08-26 06:54:58

我已經嘗試了您的建議，但側欄沒有移動。根據螢火蟲檢查器工具的父級是：shiny-html-output閃亮綁定輸出，因此添加了「justify-content：flex-end;」到相關的地方（我希望如此），但不幸的是它沒有奏效。我已將我原始生成的html粘貼到jsfiddle：https：//jsfiddle.net/Gilco333/kujf7p6b/#&togetherjs=KliUwaFtbr。你能看一下嗎？謝謝。 – JammingThebBits

如何更改有關側邊欄的flexdashboard的佈局？

回答

相關問題