I recently created a shiny app ui layout that functioned perfectly with bslib 4, but upon switching to bslib 5, my formatting completely fell apart. I can't seem to figure out the reason behind this.
Below is the code snippet:
library(shiny)
library(bslib)
ui <- navbarPage("My App",
id = "navbar",
theme = bslib::bs_theme(version = 4, #setting bootstrap version
bootswatch = "darkly",
base_font = "roboto",
font_scale = 1.2),
tabPanel("TAB 1",
fluidPage(
fluidRow(selectInput("dataset", label = "Dataset",
choices = ls("package:datasets")),
actionButton("enter", label = "confirm choice",
style = "margin-top: 32px; height: 38px; margin-left: 10px;"
)
),
verbatimTextOutput("summary"),
tableOutput("table")
)
),
tabPanel("TAB 2",
h3("bla bla"))
)
server <- function(input, output, session) {
}
shinyApp(ui, server)
When utilizing bslib 4, it appears like this
https://i.sstatic.net/9iWPd.png
However, when shifting to bslib 5, it takes on this appearance
https://i.sstatic.net/Q91SW.png
Is there any way to align buttons in bslib 5? I prefer using bslib::card()
in the results section of the app, hence the need for bslib 5.