Aesthetics Question

[kpearce6]

Hi, @jamisoncrawford! I was wondering if there was a way to shrink the blue box where the tabs are when you load the dashboard? I have added new tabs and, even if I make their titles short enough for everything to fit on one line, the blue box still covers part of the map and the side bar (see example below). I know the map you can zoom out on but covering the side bar is the main issue.
Thanks in advance!
-Katie

[SalvadorW2]

This only happens to me when I have the application open in a window. When I make it full-screen, the problem goes away. Of course, this doesn't actually solve the problem. I'm not sure why that happens when you have it open in a windowed view.

[jamisoncrawford]

Hi @kpearce6 and apologies for the delay! I typically rename them to something even shorter as a quick and dirty fix:

• Day & Time
• Weather & Time
• Influence, Date, & Time
• Charactaeristics
• Comparisons

flexdashboard is very convenient for creating a dashboard with the same style but I don't believe it offers an easy way to modify the names of tabs. Packages like shinyJS might help, but I imagine a possible route being using HTML to change font size or create line breaks, e.g. <br>.

@SalvadorW2 has a good point, too - try opening the app in your browser and maximizing your window to see if that presents differently. When you select "Run App", one of the options in the upper menu of the app is to "Open in Browser".

[kpearce6]

Okay, I shortened the names of the tabs and it seemed to work better, at least well enough for this project. Thank you both!