f7Timeline | R Documentation |
f7Timeline
is a static timeline container.
f7TimelineItem
goes inside f7Timeline.
f7Timeline( ..., sides = FALSE, horizontal = FALSE, calendar = FALSE, year = NULL, month = NULL ) f7TimelineItem( ..., date = NULL, card = FALSE, time = NULL, title = NULL, subtitle = NULL, side = NULL )
... |
Item content, text for instance. |
sides |
Enable side-by-side timeline mode. |
horizontal |
Whether to use the horizontal layout. Not compatible with sides. |
calendar |
Special type of horizontal layout with current year and month. |
year |
Current year, only if calendar is TRUE. |
month |
Current month, only if calendar is TRUE. |
date |
Timeline item date. Required. |
card |
Whether to wrap the content in a card. FALSE by default. |
time |
Timeline item time. Optional. |
title |
Timeline item title. Optional. |
subtitle |
Timeline item subtitle. Optional. |
side |
Force element to required side: "right" or "left". Only if sides os TRUE in f7Timeline |
David Granjon dgranjon@ymail.com
if(interactive()){ library(shiny) library(shinyMobile) items <- tagList( f7TimelineItem( "Another text", date = "01 Dec", card = FALSE, time = "12:30", title = "Title", subtitle = "Subtitle", side = "left" ), f7TimelineItem( "Another text", date = "02 Dec", card = TRUE, time = "13:00", title = "Title", subtitle = "Subtitle" ), f7TimelineItem( "Another text", date = "03 Dec", card = FALSE, time = "14:45", title = "Title", subtitle = "Subtitle" ) ) shinyApp( ui = f7Page( title = "Timelines", f7SingleLayout( navbar = f7Navbar(title = "Timelines"), f7BlockTitle(title = "Horizontal timeline", size = "large") %>% f7Align(side = "center"), f7Timeline( sides = FALSE, horizontal = TRUE, items ), f7BlockTitle(title = "Vertical side by side timeline", size = "large") %>% f7Align(side = "center"), f7Timeline( sides = TRUE, items ), f7BlockTitle(title = "Vertical timeline", size = "large") %>% f7Align(side = "center"), f7Timeline(items), f7BlockTitle(title = "Calendar timeline", size = "large") %>% f7Align(side = "center"), f7Timeline(items, calendar = TRUE, year = "2019", month = "December") ) ), server = function(input, output) {} ) }
Add the following code to your website.
For more information on customizing the embed code, read Embedding Snippets.