Добавьте логотип компании сразу после блестящей кнопки переключения заголовка приборной панели

Как я могу добавить логотип компании сразу после кнопки переключения, которая находится в блестящем заголовке панели инструментов, например:

## app.R ##
library(shiny)
library(shinydashboard)



ui <- dashboardPage(
  dashboardHeader(
    titleWidth = 0,
    title = div("", id = "home_logo", a(href = "#Home",
                                        (img(src = "http://www.google.com/s2/favicons?domain=stackoverflow.com", height = "25px", 
                                             style = "position: relative; top:-5px; left: -40px;")) ))

  ),
  dashboardSidebar(
    collapsed = TRUE
    
    
  ),
  dashboardBody(

    
    tags$style(type = "text/css",".sidebar-toggle{ position: absolute;
    left: 23rem;
}
.skin-white .main-header .logo {
    background-color: #3c8dbc;}"),
    
    
  )
  )                                

server <- function(input, output) {
  
  
}

shinyApp(ui, server)
    
Стоит ли изучать PHP в 2023-2024 годах?
Стоит ли изучать PHP в 2023-2024 годах?
Привет всем, сегодня я хочу высказать свои соображения по поводу вопроса, который я уже много раз получал в своем сообществе: "Стоит ли изучать PHP в...
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Приемы CSS-макетирования - floats и Flexbox
Приемы CSS-макетирования - floats и Flexbox
Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...
Тестирование функциональных ngrx-эффектов в Angular 16 с помощью Jest
В системе управления состояниями ngrx, совместимой с Angular 16, появились функциональные эффекты. Это здорово и делает код определенно легче для...
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Пользовательский скаляр GraphQL
Пользовательский скаляр GraphQL
Листовые узлы системы типов GraphQL называются скалярами. Достигнув скалярного типа, невозможно спуститься дальше по иерархии типов. Скалярный тип...
0
0
83
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Что-то подобное с CSS?

## app.R ##
library(shiny)
library(shinydashboard)



ui <- dashboardPage(
  dashboardHeader(
    title = div("", id = "home_logo", a(href = "#Home",
                                        (img(src = "http://www.google.com/s2/favicons?domain=stackoverflow.com", height = "25px", 
                                             style = "position: relative; top:-5px; left: -5rem;")) ))
    
  ),
  dashboardSidebar(
    collapsed = TRUE
    
    
  ),
  dashboardBody(
    
    
    tags$style(type = "text/css",".sidebar-toggle{ position: absolute;
    left: -23rem;
}
.skin-white .main-header .logo, .skin-blue .main-header .logo, .skin-blue .main-header .logo:hover{
    background-color: #3c8dbc;}"),


  )
)                                

server <- function(input, output) {
  
  
}

shinyApp(ui, server)

это работает на вашем примере, но не на моем редактировании. проверьте это плз

firmo23 26.11.2022 19:48

Я не могу заставить ваш отредактированный репрекс воспроизводиться без ошибок. Мой приведенный выше ответ выводит желаемый вид из вашего вопроса. Какие еще функциональные возможности/стиль вы пытаетесь добавить?

Graham 26.11.2022 22:18

извините, пожалуйста, проверьте сейчас

firmo23 26.11.2022 22:32

все еще получаю ошибки?

firmo23 27.11.2022 16:03

я дал вам ответ, но все еще возникает проблема здесь stackoverflow.com/questions/74593221/…

firmo23 27.11.2022 20:38

Другие вопросы по теме

Скрыть раздел заголовка блестящей панели инструментов таким образом, чтобы кнопка-переключатель находилась в самом левом месте заголовка панели инструментов
Разделить код одной карты буклетов (чтобы входные обновления одной части не влияли на другую часть кода)
Как зафиксировать два inputDate() и рассчитать количество дней в ShinyApp?
Реактивная гистограмма с различными наборами данных в Shiny
Форматировать helpText вshinindashboard::box
Выравнивание нескольких кнопок действий в заголовке Shiny Dashboard
Форматирование столбца таблицы данных R (DT) в валюте, а также в миллионах/тысячах
UpdateSelectInput перезаписывается selectInput в блестящем приложении
Динамические модули пользовательского интерфейса/сервера в Shiny Dashboard на основе входных данных в пользовательском интерфейсе
Как связать поле на вкладке «Главная» с другой вкладкой в ​​​​блестящем приложении?