Блог

Главная - Вопросы по программированию - argondash не работает с горизонтальной компоновкой

argondash не работает с горизонтальной компоновкой

#r #shiny #shinydashboard

Вопрос:

Привет и спасибо, что прочитали меня

Я работаю с панелью мониторинга, выполненной с использованием shiny, argondash и argonr, но я заметил, что горизонтальная компоновка работает неправильно, так как окна продолжают отображаться вертикально. Есть ли какой-нибудь способ исправить это? Я бы ожидал, что это будет выглядеть так:

введите описание изображения здесь

Код выглядит следующим образом:

 library(shiny)
library(argonDash)
library(argonR)
shinyApp(
  ui = argonDashPage(title = 'Sync the City',
                     description = 'Testing',
                     header = argonDashHeader(color = 'primary', separator = TRUE),
                     sidebar = argonDashSidebar(vertical = FALSE,
                                                brand_logo = "https://elpacientecolombiano.com/wp-content/uploads/2015/09/LOGO-SALUD-MORADO.png",
                                                id = 'sidebar',
                                                argonSidebarHeader(title = 'Main Menu'),
                                                
                                                argonSidebarMenu(
                                                  argonSidebarItem(tabName = 'landing_page', 'Landing Page'),
                                                  argonSidebarItem(tabName = 'map', 'Map'),
                                                  argonSidebarItem(tabName = 'network', 'Network')
                                                )
                     )
  ),
  server = function(input, output){}
)

Ответ №1:

Я добавил в ваш код следующие аргументы :

  • size = "md" в argonDashSidebar()
  • style = "display:-webkit-inline-box;" в argonSidebarMenu() 
     library(shiny)
library(argonDash)
library(argonR)
shinyApp(
 ui = argonDashPage(
   title = 'Sync the City',
   description = 'Testing',
   header = argonDashHeader(color = 'primary', separator = TRUE),
   sidebar = argonDashSidebar(
     vertical = FALSE,
     brand_logo = "https://elpacientecolombiano.com/wp-content/uploads/2015/09/LOGO-SALUD-MORADO.png",
     id = 'sidebar',
     size = "md",
     argonSidebarHeader(title = 'Main Menu'),
     argonSidebarMenu(
       style = "display:-webkit-inline-box;",
       argonSidebarItem(tabName = 'landing_page', 'Landing Page'),
       argonSidebarItem(tabName = 'map', 'Map'),
       argonSidebarItem(tabName = 'network', 'Network')
       )
     ) 
   ),
 server = function(input, output){}
)
Метки: