whitespace in R Shiny

Question

I have a problem with text in Shiny Dashboard. I would like to save original text formatting, but shiny removes the whitespaces I want to keep.

output$frame <- renderUI({
    HTML(paste(
               p(strong("Name and Surname:"),("     John Smith"))
               )
         )
  })


tabItem(tabName = "aaa",
        h2("bbb"),
        fluidRow(
                box(width = 6, solidHeader = TRUE, htmlOutput("frame")) 
                )
      ),

Unfortunately I get "Name and Surname: John Smith". I wish to have "Name and Surname: John Smith".

How to solve this problem?

Shiny probably doesn’t remove anything. But whitespace in HTML isn’t preserved — that’s just the way HTML works. Use CSS formatting instead of whitespace to align your elements. — Konrad Rudolph, Oct 16 '17 at 08:58

score 8 · Answer 1 · answered Oct 16 '17 at 09:25

You can use HTML(' ') to add 1 whitespace and HTML('&emsp;') to add 1 tab space. In your code it wold be as follows:

output$frame <- renderUI({
        HTML(paste(
          p(strong("Name and Surname:"), HTML('&nbsp;'),HTML('&nbsp;'),"John Smith")
        )
        )
      })

With this you get two white spaces and output looks like this:

score 2 · Answer 2 · edited Oct 18 '17 at 00:22

2

I found that we can also use stri_dup(intToUtf8(160), 6) from package stringi.

edited Oct 18 '17 at 00:22

amrrs

6,215
2
18
27

answered Oct 16 '17 at 14:00

tomsu

371
2
16

score 2 · Answer 3 · answered Mar 07 '19 at 17:03

I found this oddly difficult to achieve. Just adding the style element to pre-wrap introduced an extra new line:

p(strong("Name and Surname:"),("     John Smith"),style="white-space: pre-wrap")

No other style elements (margin:0, etc) could fix this...so,to get around it, I just converted your strong() to HTML, and it works great:

p(HTML("<b>Name and Surname:</b>         John Smith"),style="white-space: pre-wrap")

whitespace in R Shiny

3 Answers3

Linked

Related