Display spinners inline

daattali / shinycssloaders

⌛ Add loading animations to a Shiny output while it's recalculating

https://daattali.com/shiny/shinycssloaders-demo/

Other

395 stars 45 forks source link

Display spinners inline #25

Open tonyk7440 opened 5 years ago

tonyk7440 commented 5 years ago

When placing outputs with spinners beside each other they are each on their own line. How can they be placed horizontally?

tabPanel(title = "Sentiment", width = 12, 
    withSpinner(imageOutput(outputId = "wordcloud")), 
    withSpinner(imageOutput(outputId = "sentiment_pie")), 
    withSpinner(imageOutput(outputId = "star_rating_chart"))
)

I have tried the following but but it hides the spinner itself tags$style(HTML("div.shiny-spinner-output-container {display: inline}")),

daattali commented 4 years ago

Similarly, adding a spinner to a textOutput(inline = TRUE) disrupts the inline-ness of the text output.

daattali commented 3 years ago

If anyone has a good idea of how to fix this elegantly, a PR would be welcomed