withProgess box width

[Bill Szafranski]

Hello,

I am trying to make the notification box for my 'withProgess' message wider. I have been able to make the progress bar itself wider, but not the box that surrounds it. Any help would be appreciated. It seems I might just have the wrong object '.shiny-progress-notification .xxxxx'. My CSS code is below.

# makes the loading bar wider, but not the box that surrounds it.

#exaggerated height

tags$style(HTML('

      .shiny-progress-notification .progress {

      height:500px;

      width: 200%;

      }

'))

Thanks,

Bill

[Bill Szafranski]

Figured out what I was missing. '.shiny-notification' controls the box, while '.shine-progress-notification .progress' controls the loading bar. Here's some code:

tags$style(HTML('

      .shiny-notification {

      width: 200%;

      height: 400px;

      margin-left: -400px;

      }

      .shiny-progress-notification .progress {

      margin-top: 20px;

      height: 250px;

      width: 90%;

      }

'))