firebase icon indicating copy to clipboard operation
firebase copied to clipboard

add text to firebaseUIContainer

Open HugoGit39 opened this issue 2 years ago • 6 comments

Hi

I wonder if its possible to add additional info or text to firebaseUIContainer.

I would like to add 1 line of text. Is that possible or is this a feauture request than?

HugoGit39 avatar Dec 14 '23 12:12 HugoGit39

That piece of UI comes from Google, you can try to inject text with JavaScript if you want.

What text and where do you want to add?

JohnCoene avatar Dec 16 '23 09:12 JohnCoene

It would be great to ad a short line of text above or as footer for example. The way i use the UI is to first register, and afterwards registration via Stripe. So would be great to have an informative text line that people nuderstand the steps. A small image for branding would be even more awsome :)

HugoGit39 avatar Dec 16 '23 11:12 HugoGit39

But you can just wrap the UI in a div and add what you want below.

div(
  firebaseUIContainer(),
  p("my text")
)

JohnCoene avatar Dec 16 '23 11:12 JohnCoene

I tried that indeed...howeve rmy workflow is that after sign-in via the firebaseUIContainer(), on ther server side it checks if the user has a stripe plan or not which shows via uiOutpu()...if I just add text in the div() is remains visible:

tabItems(
        tabItem(
          tabName = "account",
          div(useFirebase(), br(),br(),
              firebaseUIContainer(),
              uiOutput('tab_account_ui')
          )
        )

HugoGit39 avatar Dec 17 '23 12:12 HugoGit39

In the end I got it to work.

Still wonder if the width of the container can be edited?

HugoGit39 avatar Jan 28 '24 00:01 HugoGit39

If you inspect the HTML you can find the classes so you can use CSS.

Normally the width is responsive so there should not be need to change that.

JohnCoene avatar Jan 28 '24 09:01 JohnCoene