Basic functions

Page skeleton functions

f7Appbar()

Create a Framework 7 appbar

f7Init()

Custom initialization

f7Item()

Create a Framework7 f7Item.

f7Items()

Create a Framework7 wrapper for f7Item

f7Navbar()

Create a Framework7 Navbar

f7Page()

Create a Framework7 page

f7Panel()

Create a Framework7 panel

f7PanelMenu()

Create a Framework7 sidebar menu

f7PanelItem()

Create a Framework7 sidebar menu item

f7SubNavbar()

Create a Framework7 sub navbar

f7Tab()

Create a Framework7 tab item

f7Tabs()

Create a Framework7 tabs

f7Toolbar()

Create a Framework7 Toolbar

Authentication

UI skeletons for authentication purposes

f7Login() f7LoginServer() updateF7Login()

Provide a template for authentication

Toward progressive web app

Tools to build a progressive web app

create_manifest()

Create a manifest for your shiny app

preview_mobile()

Allow to preview a given app on different devices.

Inputs validation

Provide feedback when an input is missing, …

f7ValidateInput()

Util function to validate a given shinyMobile Input

Grid functions

Rows, columns, flex, …

f7Col()

Create a Framework7 column container

f7Flex()

Create a Framework7 flex container

f7Row()

Create a Framework7 row container

Tab Navigation

Next, back

f7Back()

Create a framework 7 back button

f7Next()

Create a framework 7 next button

Layouts

Functions that create layouts

f7SingleLayout()

Create a Framework7 single layout

f7SplitLayout()

Create a Framework7 split layout

f7TabLayout()

Create a Framework7 page with tab layout

Inputs

slider, radio, checkboxes, …

f7AutoComplete()

Create a Framework7 autocomplete input

f7checkBox()

Create a F7 Checkbox

f7checkBoxGroup()

Create an f7 checkbox group input

f7ColorPicker()

Create a Framework7 color picker input

f7DatePicker()

Create a Framework7 date input

f7Password()

Create an f7 password input

f7Picker()

Create a Framework7 picker input

f7Radio()

Create an f7 radio button input

f7Select()

Create an f7 select input

f7Slider()

Create a f7 slider

f7Stepper()

Create a F7 radio stepper

f7SmartSelect()

Create a Framework7 smart select

f7Text()

Create an f7 text input

f7TextArea()

Create an f7 text area input

f7Toggle()

Create a F7 toggle switch

Update inputs

slider, radio, checkboxes, …

f7InsertTab()

Insert a f7Tab in a f7Tabs

f7HideNavbar()

Hide a framework7 navbar

f7ShowNavbar()

Show a framework7 navbar

f7RemoveTab()

Remove a f7Tab in a f7Tabs

f7TogglePopup()

Toggle f7Popup.

updateF7Accordion()

Update a Framework 7 accordion

updateF7AutoComplete()

Change the value of an autocomplete input on the client

updateF7Button()

Change the value of a button input on the client

updateF7Card()

Update a framework 7 expandable card

updateF7Checkbox()

Change the value of a checkbox input on the client

updateF7DatePicker()

Change the value of a date picker input on the client

updateF7Fab()

Change the value of a f7Fab input on the client

updateF7Fabs()

Toggle f7Fabs on the server side.

updateF7Gauge()

update a framework7 gauge from the server side

f7Login() f7LoginServer() updateF7Login()

Provide a template for authentication

updateF7MessageBar()

Update message bar on the server side

updateF7Panel()

Function to programmatically update the state of a f7Panel

updateF7Picker()

Change the value of a picker input on the client

updateF7Progress()

update a framework7 progress bar from the server side

updateF7Select()

Change the value of a select input on the client

f7Sheet() updateF7Sheet()

Create an f7 sheet modal

updateF7Slider()

Change the value of a slider input on the client

updateF7SmartSelect()

Change the value of a smart select input on the client

updateF7Stepper()

Change the value of a stepper input on the client

updateF7Tabs()

Update a Framework 7 tabsetPanel

updateF7Text() updateF7TextArea()

Change the value of a text input on the client

updateF7Toggle()

Change the value of a toggle input on the client

updateF7VirtualList()

Update a f7VirtualList on the server side

Searchbar and utilities

f7Found()

Utility to display an item when the search is successful.

f7NotFound()

Utility to display an item when the search is unsuccessful.

f7HideOnEnable()

Utility to hide a given tag when f7Searchbar is enabled.

f7HideOnSearch()

Utility to hide a given tag on search

f7Searchbar()

Create a Framework 7 searchbar

f7SearchIgnore()

Utility to ignore an item from search.

f7SearchbarTrigger()

Create a Framework 7 searchbar trigger

Cards

social cards, cards, …

f7Card()

Create a Framework7 card

f7ExpandableCard()

Create a Framework7 expandable card

f7SocialCard()

Create a Framework7 social card

Lists

Framework 7 lists

f7List()

Create a framework 7 contact list

f7ListGroup()

Create a framework 7 group of contacts

f7ListItem()

Create a Framework 7 contact item

f7ListIndex()

Create a Framework 7 list index

f7ListIndexItem()

Create a Framework 7 list index item

f7VirtualList()

High performance list component

f7VirtualListItem()

Virtual List item

Text containers

blocks to contain text

f7Block()

Create a Framework7 block

f7BlockFooter()

Create a Framework7 block footer

f7BlockHeader()

Create a Framework7 block header

f7BlockTitle()

Create a Framework7 block title

Buttons

some are inputs

f7Button()

Create a Framework7 button

f7Fab()

Create a Framework7 floating action button (FAB)

f7Fabs()

Create a Framework7 container for floating action button (FAB)

f7Link()

Create a Framework7 link

f7Segment()

Create a Framework7 segmented button container

f7TabLink()

Special button/link to insert in the tabbar

Buttons Effects

FAB can morph into other HTML elements

f7FabClose()

Indicate that the current tag should close the f7Fabs

f7FabMorphTarget()

Convert a tag into a target morphing

Modals, Popups...

Functions that trigger server actions

f7ActionSheet()

Create a framework7 action sheet

f7Dialog()

Create a Framework7 dialog window

f7Notif()

Create a Framework7 notification

f7Popover()

Create a framework 7 popover

f7PopoverTarget()

Define a popover target

f7Popup()

Create a f7 popup

f7Sheet() updateF7Sheet()

Create an f7 sheet modal

f7Swipeout()

Create a framework7 swipeout element

f7SwipeoutItem()

Create a framework7 swipeout item

f7TapHold()

Create a Framework7 tapHold event

f7Toast()

Create a Framework7 toast

f7Tooltip()

Create a Framework7 tooltip

f7 elements

timelines, carousels, …

f7Accordion()

Create a Framework7 accordion

f7AccordionItem()

Create a Framework7 accordion item

f7AddMessages()

Update f7Messages on the server side.

f7Badge()

Create a Framework7 badge

f7Chip()

Create a Framework7 chips

f7Message()

Create a f7Message

f7Messages()

Create a Framework7 messages container

f7MessageBar()

Create a f7MessageBar to add new messages

f7PhotoBrowser()

Create a fremework7 photo browser

f7Slide()

Create a Framework7 slide

f7Swiper()

Create a Framework7 swiper

f7Table()

Table

f7Timeline()

Create a Framework7 timeline

f7TimelineItem()

Create a Framework7 timeline item

Metric elements

Gauges, progres, …

f7Gauge()

Create a Framework7 gauge

f7Progress()

Create a Framework7 progress bar

f7ProgressInf()

Create a Framework7 infinite progress bar

Typography functions

Rows, columns, flex, …

f7Align()

Create a Framework7 align

f7Float()

Create a Framework7 float

f7Margin()

Create a Framework7 margin

f7Padding()

Create a Framework7 padding

Icons

icon wrapper function

f7Icon()

Framework7 icons

Loaders

Loading screens

f7ShowPreloader() f7HidePreloader()

Show preloader

CSS effects

shadows, …

f7Shadow()

Create a Framework7 shadow effect

f7Skeleton()

Create a Framework 7 skeleton loading overlay

shinyMobile showcase

f7Gallery()

Launch the shinyMobile Gallery

Utils

colors, tools, …

createSelectOptions()

Create option html tag based on choice input

getF7Colors()

Function to get all colors available in shinyMobile