JohnCoene / firebase

Google FIrebase for shiny
https://firebase.john-coene.com
GNU Affero General Public License v3.0
171 stars 26 forks source link

add text to firebaseUIContainer #77

Closed HugoGit39 closed 5 months ago

HugoGit39 commented 11 months ago

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?

JohnCoene commented 11 months ago

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?

HugoGit39 commented 11 months ago

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 :)

JohnCoene commented 11 months ago

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

div(
  firebaseUIContainer(),
  p("my text")
)
HugoGit39 commented 11 months ago

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 commented 9 months ago

In the end I got it to work.

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

JohnCoene commented 9 months ago

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.