Add logo to flexdashboard

2
votes

I am having trouble adding my company logo to a flexdashboard output. I have looked into the issue and tried using a relative path, and resized my image to 48x48. I am still getting a broken html image when I run the document. Does anyone have any ideas of what could be wrong? This is my YAML:

title: "title"
output: 
  flexdashboard::flex_dashboard:
    orientation: columns
    source_code: embed
    logo: FoodBev.png
runtime: shiny

Also, the image is in my working directory. Thanks for your help!

1
rr-markdownflexdashboard
Your header works fine for my test. Be sure that the image is in the same folder as the RMD file. – J_F
Oh. That's it. My image wasn't in the same folder as the RMD file. Thanks! – ashcrashbegash

1 Answers

5
votes

add custom.css file to directory ----> than, edit through notepad and add the code below:

img{
     max-width:48px;
     max-height:48px;
}

Good Luck