janvier 2018
Les panels permettent de réunir différents éléments (widgets, textes, images…). Les différents types de panels correspondent à différents styles (par exemple, fonds gris pour wellPanel(), caractères colorés pour titlePanel(), etc.)
Il est possible de combiner différents types de panels en les juxtaposant ou en les emboîtant, comme dans l’exemple ci-contre où vous pouvez admirer:
ui
fluidPage(
titlePanel("Kitties and doggies"),
p("What would you like to see?"),
sidebarPanel(
wellPanel(
radioButtons("characteristic","characteristic",c("cute","funny")),
radioButtons("animal","animal",c("dogs","cats"))
)
),
mainPanel(
uiOutput("photo")
)
)
What would you like to see?
server
On peut par ailleurs utiliser des types de layouts prédéfinis pour organiser son appli…
Vous pouvez tester la différence entre ces types de layout en modifiant la taille de la fenêtre…
Vous pouvez tester la différence entre ces types de layout en modifiant la taille de la fenêtre…
wellPanel(
"We want funny cats and dogs!",
img(src="www/funny_cats.jpg"),
img(src="www/funny_dogs.jpg"),
hr(),h2("fluidRow:"),
fluidRow(
column(width=2,"We want funny cats and dogs!"),
column(width=5,img(src="www/funny_cats.jpg")),
column(width=5,img(src="www/funny_dogs.jpg"))
),
hr(),h2("flowLayout:"),
flowLayout(
"We want funny cats and dogs!",
img(src="www/funny_cats.jpg"),
img(src="www/funny_dogs.jpg")
)
)
On peut par ailleurs utiliser des types de layouts prédéfinis pour organiser son appli…
Vous pouvez tester la différence entre ces types de layout en modifiant la taille de la fenêtre…
wellPanel(
img(src="www/funny_cats.jpg"),
img(src="www/funny_dogs.jpg"),
img(src="www/cute_cats.jpg"),
hr(),h2("splitLayout:"),
splitLayout(
img(src="www/funny_cats.jpg"),
img(src="www/funny_dogs.jpg"),
img(src="www/cute_cats.jpg")
),
hr(),h2("verticalLayout:"),
verticalLayout(
img(src="www/funny_cats.jpg"),
img(src="www/funny_dogs.jpg"),
img(src="www/cute_cats.jpg")
)
)
wellPanel(
navlistPanel(tabPanel("tab 1",img(src="www/cute_dogs.jpg")),
tabPanel("tab 2",img(src="www/funny_dogs.jpg")),
tabPanel("tab 3",img(src="www/cute_cats.jpg")),
tabPanel("tab 4",img(src="www/funny_cats.jpg"))
)
)
wellPanel(
navbarPage("Menu",
tabPanel("tab 1",img(src="www/cute_dogs.jpg")),
tabPanel("tab 2",img(src="www/funny_dogs.jpg")),
tabPanel("tab 3",img(src="www/cute_cats.jpg")),
tabPanel("tab 4",img(src="www/funny_cats.jpg"))
)
)