R Shiny Tutorial | shinydashboard | add icon or image as logo left side of dashboard header(15)
ฝัง
- เผยแพร่เมื่อ 14 ต.ค. 2024
- R Shiny Tutorial | shinydashboard | add icon or image as logo left side of dashboard header(15)
Best viewed in full screen
Link to the code files
github.com/aag...
Thank you, super useful!
Glad it was helpful!
I saved the custom .CSS code in a www directory, but it doesn't change anything. Don't I have to refer to it from the UI?
Hello, thank you for the video. I have one question. Where should I out my image? I don't have the www file, thank you
Hello, You can create the www folder in the working directory and place the media files in there.
Even after adding the folder.. my ing doesn't get uploaded... It shows a broken picture on the browser... Can you please help me with it ?
@@shellygarg937 not sure what you meant by broken image. Which option did you select from run button in Rstudio?
@@abhinavagrawal6317 yes I did run from the app... By broken image I mean something like this - images.app.goo.gl/b5YzRCeQBqKzccAv6
This is just a sample picture to show how my image comes out on the dashboard header... Thanks a lot
@@shellygarg937 Hello Shelly,
Can you please confirm me which of the following options you are using to run the app from the "Run App" button. Recommend you choose "Run external" and let me know how it goes. This has solved other people who experienced similar issues.
Run App -> following options available : 1) Run in Window 2) Run in viewer pane 3) Run external
Additional Checks:
Ensure media file is in www folder (this you already confirmed)
Ensure that file name is correct with extension
Thank you so much!
Thanks for the video! Can you please show how to add hyperlink on dashboard header. I tried the commands shown in video for google link, but it did not work.
Hello Jugal,
Try the following, it should work...Let me know if you still not able to do it. you can contact me over email (on GMAIL).
aagarw30
reproducible .. Code .. run in RStudio..
## Demo - add logo (icon or image)in the shinydashboard header (left side)
# load the required packages
library(shiny)
library(shinydashboard)
## Add a hyerlink in the shinydashboard header
title
Hi Abhinav...First of all, thanks for making this video. However, I have a small doubt. Would you be kind enough to tell me how to change the tab name in the browser?
In this video, the tab name in the browser is appearing as ".
Thanks,
Bharath
Hello Bharat,
Thanks for watching videos and commenting.
Here you go, solution is to add title in the dashboardPage as below (for example I want the browser tab name to be "Google"..you can add whatever tab name you want. Hope this helps. I will make a video on this so others can benefit as well. Thanks, Abi
dashboardPage(title = "Google",
dashboardHeader(title = title, titleWidth = 600),
dashboardSidebar(),
How to add to right side?
Hello, what exactly and how you want to add on the right hand side? So, I can advise.
Hoping that you would have already seen my other video where I covered adding social media icon on right hand side of dashboard header:
th-cam.com/video/6mwgMNgc8jI/w-d-xo.html
Let me know, thanks !
ty Abi
@@abhinavagrawal6317 I saw this video and solved. Thank you very much for the help!!! Your job is wonderful