Moving tabPanel to the far right!

Hi,

I have a tabPanel that I want to have in the far right of the navBar such that it always stays to outmost right point of the browser. I have added a minimal working example with my code!
Any help is appreciated. I have no knowledge of CSS, Java and HTML coding what so ever!

My best wishes,

Serkan

library(shiny)

ui <- navbarPage(
    title = "Title",
     tabPanel(
        title = "Pin me to the FAR FAR right please!",
        column(
            h1("Upload"),
            width = 12,
            fileInput(
                inputId = "Update",
                label = NULL,
                multiple = TRUE,
                accept = ".csv",
                placeholder = "Drag and Drop",
                width = "100%"
            )
        ),
        icon = icon("cloud-upload-alt", lib = "font-awesome")
        
    ),
    
    tabPanel(
        title = "Upload Filer",
        column(
            h1("Upload"),
            width = 12,
            fileInput(
                inputId = "Update",
                label = NULL,
                multiple = TRUE,
                accept = ".csv",
                placeholder = "Drag and Drop",
                width = "100%"
            )
        ),
        icon = icon("cloud-upload-alt", lib = "font-awesome")
        
    )
)

server <- function(input, output, session) {
}
runApp(list(ui = ui, server = server))

I found this answer on StackOverflow.

https://stackoverflow.com/questions/43243679/how-to-move-one-of-the-tabpanel-to-the-right-the-webpage-in-shiny-app

Add this line after the second tabPanel

tags$head(tags$style('.navbar-nav {width: 95%;}
                                    .navbar-nav :first-child{float:right}'))

Hi Woodward,

Thank you for your reply. I have seen this reply already, and I should have linked it in my post. However, although it produces the desired output, it distorts the icons in the tabs such that all icons are moved to the right of the tab. This is not what I intend to do.

Best

This topic was automatically closed 54 days after the last reply. New replies are no longer allowed.

If you have a query related to it or one of the replies, start a new topic and refer back with a link.