shinyMobile (version 1.0.1)

f7ListIndex: Create a Framework 7 list index

Description

List index must be attached to an existing list view.

Usage

f7ListIndex(id, target, ..., session = shiny::getDefaultReactiveDomain())

Arguments

id

Unique id.

target

Related list element. CSS selector like .class, #id, ...

...

Other options (see https://v5.framework7.io/docs/list-index#list-index-parameters).

session

Shiny session object.

Examples

if (interactive()) {
 library(shiny)
 library(shinyMobile)
 shinyApp(
   ui = f7Page(
     title = "List Index",
     f7TabLayout(
       navbar = f7Navbar(
         title = "f7ListIndex",
         hairline = FALSE,
         shadow = TRUE
       ),
       f7Tabs(
         f7Tab(
           tabName = "List1",
           f7List(
            mode = "contacts",
            lapply(1:26, function(i) {
              f7ListGroup(
                title = LETTERS[i],
                lapply(1:26, function(j) f7ListItem(letters[j]))
              )
            })
           )
         ),
         f7Tab(
           tabName = "List2",
           f7List(
            mode = "contacts",
            lapply(1:26, function(i) {
              f7ListGroup(
                title = LETTERS[i],
                lapply(1:26, function(j) f7ListItem(letters[j]))
              )
            })
           )
         )
       )
     )
   ),
   server = function(input, output, session) {
    observeEvent(TRUE, {
     f7ListIndex(id = "list-index-1", target = ".list")
    }, once = TRUE)
   }
 )
}