This function creates an action link to nav between tabs and optionally link to subcontents headers.
Examples
if (interactive()) {
ui <- shiny::fluidPage(
title="ShinyGovstyle",
cookieBanner("Run Example"),
header("MOJ", "ShinyGovstyle Example",
logo="shinyGovstyle/images/moj_logo-1.png", logo_width = 66),
banner(
"banner",
"Beta",
'This is a new service \u002D your <a class="govuk-link" href="#">
feedback</a> will help us to improve it.'),
#Need this to make the error and word count work
shinyjs::useShinyjs(),
#Add a message to show users how to see this code
shiny::tags$br(),
shiny::markdown(
"Run ```View(run_example)``` in console to see the code for this app"),
gov_row(
# Nav columns
shiny::column(
width = 3,
id = "nav", # DO NOT REMOVE ID
# Contents box
shiny::tags$div(
id = "govuk-contents-box", #DO NOT REMOVE ID
class = "govuk-contents-box", #DO NOT REMOVE CLASS
shiny::tags$h2("Contents"),
# Text types tab
contents_link(
"Text Types",
"text_types_button",
subcontents_text_list = c("date_Input",
"text_Input",
"text_area_Input",
"button_Input"),
subcontents_id_list = c(NA, NA, NA, "button_input_text_types")
),
# Tables tabs and accordions tab
contents_link(
"Tables, tabs and accordions",
"tables_tabs_and_accordions_button",
subcontents_text_list = c("govTable", "govTabs", "accordions", "button_Input"),
subcontents_id_list = c(NA, NA, NA, "button_input_tables_tabs_accordions")
),
contents_link(
"Cookies",
"cookies_button"),
)
),
shiny::column( width = 9,
id = "main_col", # DO NOT REMOVE ID
#Set up a nav panel so everything not on single page
shiny::tabsetPanel(
type = "hidden",
id = "tab-container", # DO NOT REMOVE ID
shiny::tabPanel(
"Text Types",
value = "text_types",
gov_layout(
size = "two-thirds",
backlink_Input("back1"),
heading_text("Page 2", size = "l"),
label_hint("label2", "These are some examples of the types of user
text inputs that you can use"),
heading_text("date_Input", size = "s"),
date_Input(
inputId = "date1",
label = "What is your date of birth?",
hint_label = "For example, 31 3 1980"),
heading_text("text_Input", size = "s"),
text_Input(inputId = "txt1", label = "Event name"),
heading_text("text_area_Input", size = "s"),
text_area_Input(
inputId = "text_area1",
label = "Can you provide more detail?",
hint_label = "Do not include personal or financial information,
like your National Insurance number or credit card details."),
text_area_Input(
inputId = "text_area2",
label = "How are you today?",
hint_label = "Leave blank to trigger error",
error = T,
error_message = "Please do not leave blank",
word_limit = 300),
heading_text(
"button_Input", size = "s",
id = "button_input_text_types"),
button_Input("btn2", "Go to next page"),
button_Input("btn3", "Check for errors", type = "warning")
)
),
shiny::tabPanel(
"Tables, tabs and accordions",
value = "tables_tabs_and_accordions",
gov_layout(
size = "two-thirds",
backlink_Input("back2"),
heading_text("Page 3", size = "l"),
label_hint("label3", "These are some examples of using tabs and
tables"),
heading_text("govTable", size = "s"),
heading_text("govTabs", size = "s"),
heading_text("accordions", size = "s"),
shinyGovstyle:: accordion(
"acc1",
c("Writing well for the web",
"Writing well for specialists",
"Know your audience",
"How people read"
),
c("This is the content for Writing well for the web.",
"This is the content for Writing well for specialists.",
"This is the content for Know your audience.",
"This is the content for How people read."
)),
heading_text(
"button_Input", size = "s",
id = "button_input_tables_tabs_accordions"),
button_Input("btn4", "Go to next page"),
)
),
#####################Create cookie panel################################
shiny::tabPanel(
"Cookies",
value = "panel-cookies",
gov_layout(
size = "two-thirds",
heading_text("Cookie page", size = "l"),
label_hint("label-cookies", "This an example cookie page that could be
expanded")
)
)))
), #end of gov row
footer(TRUE)
) #end of fluid page
server <- function(input, output, session) {
# Tab nav
shiny::observeEvent(input$back2, {
shiny::updateTabsetPanel(session, "tab-container", selected = "text_types")
})
shiny::observeEvent(input$tables_tabs_and_accordions_button, {
shiny::updateTabsetPanel(session, "tab-container", selected = "tables_tabs_and_accordions")
})
shiny::observeEvent(input$cookies_button, {
shiny::updateTabsetPanel(session, "tab-container", selected = "panel-cookies")
})
}
shiny::shinyApp(ui = ui, server = server)
}