f7Progress when value is NULL.window.Framework7 = Framework7.f7MultiLayout(): supported by {brochure}, this allows to have beautiful transitions between pages to provide a more native like experience.f7Form(): gather inputs in the same form to get a nested list containing all input values. This allows to reduce the number of inputs on the server side.
updateF7Form() makes it possible to update input in batch or only selected ones.f7List() which allows you to benefit from new styling options such as outline, inset, strong, ... Internally, we use a function able to detect whether the input is inside a f7List(): if yes, you can style this list by passing parameters like f7List(outline = TRUE, inset = TRUE, ...); if not, the input is internally wrapped in a list to have correct rendering (but no styling is possible). Besides, some input like f7Text() can have custom styling (add an icon, clear button, outline style), which is independent from the external list wrapper style. Hence, we don't recommend doing f7List(outline = TRUE, f7Text(outline = TRUE)) since it won't render very well (only use f7List(outline = TRUE, f7Text())). Please have a look at the corresponding examples in the documentation.f7Treeview(): display items in a treeview. Used in combination with f7TreeviewItem() and f7TreeviewGroup().f7AddMessages() is definitely removed. Deprecated from previous releases.f7Appbar() has been removed in Framework7. We have no alternative to replace it.f7ShowNavbar() and f7HideNavbar() are removed, as long time deprecated.f7checkBox() and f7checkBoxGroup() are removed, as long time deprecated.f7InsertTab(), f7RemoveTab() as long time deprecated.f7ValidateInput() as long time deprecated.f7Popover() and f7PopoverTarget() as long time deprecated.f7ShowPreloader() and f7HidePreloader() as long time deprecated.f7Menu(), f7MenuItem(), f7MenuDropdown(), f7MenuDropdownDivider() and updateF7MenuDropdown() are totally removed from Framework7. We have no alternative to replace it.f7Icon(): remove deprecated parameter old.f7SmartSelect(): maxlength becomes maxLength. Typo from Framework7.value from f7Password() (accidental copy and paste from f7Text()).f7Toolbar() default position is now bottom.httr dependency from app_container().f7PhotoBrowser(): id param reintroduce (but not mandatory, default NULL) as needed by updateF7Entity() to update the widget on the server side.f7ListItem: now, we don't allow footer and header whenever the parent list container has mode media (avoids cluttered layout). When subtitle is provided without the parent list being of mode media, an error is also raised (subtitle is specific to the media list layout). right can't be passed when title is NULL.f7Accordion():
multiCollapse has been removed in Framework7.f7Block():
hairlines is deprecated since removed from Framework7.f7Segment():
container is deprecated, removed from Framework7.f7Navbar():
shadow and subtitle have been removed in Framework7.f7SocialCard() is deprecated as the same result can be achieved with f7Card().f7AutoComplete(): expandInput is deprecated, removed from Framework7.f7Row(), f7Col() and f7Flex() are deprecated in favor of f7Grid(), as specified by Framework7 8.3.3f7Fabs(): morph is deprecated. Only morphTarget is used.f7Toolbar():
hairline and shadow are deprecated, removed from Framework7.f7Shadow()removed from Framework7. No replacement. Will be removed in a future release.f7Swipeout: deprecate side parameter and .... Now use either left/right or both.f7AutoComplete: value now defaults to NULL (instead of the first choice).updateF7Login(): id is deprecated.f7Messages(): the corresponding input is now a list of lists, each item being a single f7Message(). The previous setting was not optimal R,the JS binding was returning a array of objects, which can't be easily translated to R. We now return an object of objects which becomes a list of lists.f7Block() gains an outline parameter (add grey border).f7Button() get a new tonal style. It is also possible to pass icon as parameter and update the icon with updateF7Button.f7Card() get a new raised and divider parameters.f7CheckboxGroup() has a new position parameter to control
the check icon position. Default to left.f7CheckboxChoice(): new function to pass inside choices in a
f7CheckboxGroup(). Improved choice with title, subtitle, ...f7List() has new outline, dividers and strong styles. mode gains 2 new values: simple and links.f7ListItem() has new routable parameter which allows navigation between pages in the new f7MultiLayout().f7ListItem() and f7VirtualListItem() have new optional argument id, which allows for easy targeting.f7ListIndex() now gets applied to an specific element, instead of the whole page. This makes it possible to add multiple lists with list indexes to the same app.id argument to f7List(), which makes it possible to use an id as target in f7ListIndex.f7Panel() has new "floating"/"push" effects as well as a new options parameter
to pass in extra configuration. See https://framework7.io/docs/panel#panel-parameters.f7VirtualList() has new outline, dividers and strong styles. Additionally, mode was added with the following possible values: simple, links, media or contacts.f7Popup() has a new push effect (pushing the main view behind on opening). There's also a new argument called page that can control whether or not the popup behaves as a page and can scroll- handy for popups with more content.f7Radio() has a new position parameter to control
the check icon position. Default to left (like f7CheckboxGroup()).
Also, f7Radio() inherits from f7List() styling parameters such as inset, outline,dividers, strong for more styling option.f7RadioChoice(): new function to pass inside choices in a
f7Radio(). Improved choice with title, subtitle, ...f7Sheet() gains new options parameter to allow passing more configuration. See https://framework7.io/docs/sheet-modal#sheet-parameters.f7Picker() has new ... parameter to pass custom options. Also f7Picker() now can have NULL as value, allowing you to display a placeholder.f7DatePicker() has new ... parameter to pass custom options. f7DatePicker() now also supports usage of the timePicker, and returns a posixct object when this is enabled. See https://framework7.io/docs/calendar#examples.tapHoldPreventClicks, touchClicksDistanceThreshold, mdTouchRipple to f7Page() touch options.dark option in f7Page() now also supports "auto" besides TRUE and FALSE. If set to auto (the new default) it automatically enables dark theme based on user system color scheme preference.showF7Preloader() has new type parameter and a new modal dialog support (if type is passed). New id parameter that has to be set when type is not NULL.hideF7Preloader() has a new id parameter. This is to hide modals or progress from the server.updateF7Preloader() to be able to update a progress preloader from the server.f7PhotoBrowser() fixed the pageBackLinkText to back when type was set to page, but this has been removed. The Framework7 default is now used, or the pageBackLinkText can be set manually (iOS only).f7ColorPicker() has new ... parameter to pass custom options and now returns a list of values with hex, rgb, hsl, hsb, alpha, hue, rgba, and hsla values.f7Slider() has new ... parameter to pass extra options. New
showLabel parameter: fix an unfortunate naming conflict between the input label (name) and the name Framework7 has given to the bubble component (label).f7AutoComplete() and updateF7AutoComplete() have new ... parameter to pass extra options as well as a new style parameter to customize the input look and feel. f7AutoComplete() has new style parameter to allow for custom styling only when openIn is dropdown.f7SplitLayout() has a new look and at a minimal app width (1024 px) the sidebar becomes always visible. The sidebar will be collapsed on smaller screens.f7Text(), f7TextArea() and f7Password() have new parameters: description, media, floating, outline and cleareable for more styling options. label can also be NULL.f7Select() has new description, media and outline parameters.f7Link() has new routable parameter which allows to use the new experimental router layout in f7MultiLayout().f7Navbar(): both leftPanel and rightPanel now accept shiny tags such as an icon or link. This is useful to support
the new router layout. Items must be wrapped in a shiny::tagList().f7DefaultOptions(): can be used in f7Page() to pass app options.f7Picker, f7DatePicker and f7ColorPicker now have an additional style parameter to set the input style and inherit from f7List options such as outline, inset, strong and dividers.f7Toggle() and f7Stepper() automatically detect when they are called inside a f7List and adjust accordingly to the list style.f7TabLink(): href can now be different of # if passed in ... (Default is still # when no custom href is detected). This allows to use tab links as routable links but with a better rendering in the toolbar/tabbar than classic f7Link().updateF7App can now also handle changes in app theme (ios or md), dark mode, and color.f7Fabs() has a new argument global that can be used to make FABs persistent across different tabs in f7TabLayout().f7ExpandableCard() has a new argument buttonColor that can be used to control the color of the close button.f7Login() has a new argument cancellable that can, optionally, show a cancel button to close the login window. f7LoginServer() also return the cancel state so it can be used to trigger actions on the server side, like changing tab.updateF7Login(): new cancel parameter to close the login window.limit to f7AutoComplete(). Thanks @bthieurmel.f7Card() (Typo).skeletonsOnLoad to f7Page() options (not compatible) with preloader.preloader is moved to f7Page() options list.loading_duration from f7Page(). Now the preloader will automatically disappear when shiny is idle like in {bs4Dash}.f7SplitLayout() for consistency reasons.f7Tab() uses validate_tabName so that Tab 1 is not valid anymore but Tab1 yes.
Tabs will have to be manually renamed.f7Popup() is now generated on the server side like f7Notif(). Remove updateF7Popup(),
f7TogglePopup().f7listIndex(): remove f7ListIndexItem(). f7ListIndex() is generated from
the server side.f7Skeleton(): triggered from server side. See examples.f7Swiper(): better CSS, pagination, navigation, scrollbar, ...f7PhotoBrowser() example: wrong default theme ...f7CheckBox(): better layout.f7FabMorphTarget() example.f7PhotoBrowser() just works with two or more pictures. Fix issue in JSON conversion.updateF7Popup() documentation (showed as deprecated by mistake).f7Navbar(): hard-coded css style causing white text on white
background.f7Tab() so as to pass any
name, as oposed to tabName.f7SmartSelect() with openIn param (failed when not provided).f7Tab() can create duplicate IDs which in turn break the page. Now we use validate_tabName internally
to check whether the tab is valid (avoid JS issues with jQuery selectors)...updateF7AutoComplete() accepts choices.f7SmartSelect() interfering NS for server-side module.f7DatePicker() and DST.f7Page() does not accept anymore color by its name. Now, and like in earlier versions, f7Page() accepts either hex code or color name.f7Slider() code updated to work with the fix for #215 above.This release only fixes an issue with Shiny 1.7.0 with a failing unit test. Thanks @schloerke
This release also fixes an issue with R CMD check and htmltools.
f7Link() icon now expects f7Icon(). label is not mandatory anymore.updateF7Radio(). Fixes #135. Thanks @korterling.f7Dialog() has a fixed height of 300px and vertical overflow to avoid issues.... to f7SmartSelect().options to f7SearchBar() to provide more configuration. Fixes #47: thanks @rodrigoheck.valueText param for f7Gauge(). Fixes #84: thanks @tanho63.f7Gauge() JS code (no user impact).f7SmartSelect().insertF7Tab() are losing reactivity.f7DatePicker() visibility issue. Thanks @styvens.f7Button() with link not working. Thanks @bwganblack.f7SmartSelect() on selection. Thanks @dewalex.This release is to addresses the following reverse dependency issue with shiny. Moreover, it also starts the road to v1.0.0 (later this year).
f7AddMessages() will become updateF7Messages() in future releasef7HideNavbar() and f7ShowNavbar() will be replaced by updateF7Navbar()f7ShowPopup() will become updateF7Popup()f7checkBox() will become f7Checkbox()f7checkBoxGroup() will become f7CheckboxGroup()f7ValidateInput() will become validateF7Input()f7InsertTab() and f7RemoveTab() will becomes insertF7Tab() and removeF7Tab(),
respectivelyf7ShowPreloader() and f7HidePreloader() will become showF7Preloader() and
hideF7Preloader(), respectively.f7Popover() and f7PopoverTarget() replaced by addF7Popover() and toggleF7Popover()create_manifest() is going to be replaced by the workflow described here: https://unleash-shiny.rinterface.com/mobile-pwa.html#charpente-and-pwa-toolsupdateF7Fabs(): inputId becomes idf7Appbar(): left_panel becomes leftPanel and right_panel rightPanelf7Init() removed. Now pass it through the f7Page() optionsf7Navbar(): left_panel becomes leftPanel and right_panel rightPanelf7Panel() and updateF7Panel(): inputId becomes idf7InsertTab() and f7RemoveTab(): inputId becomes idf7ExpandableCard() and f7Card(): img becomes imagef7SocialCard(): author_img becomes imagef7ListItem(): url becomes hreff7VirtualListItem(): url becomes hrefupdateF7VirtualList(): old_index and new_index become oldIndex and newIndex, respectivelyf7Toast(), updateF7Progress(), ... and has been
swapped at the end of the parameters for more conveniencef7Dialog(): inputId becomes idupdateF7Sheet(): inputId becomes idf7Link(): external has been removed from (much simpler), src becomes hreff7Button(): src becomes hreff7Gauge() and not mandatory. Default to shiny::getDefaultReactiveDomain()f7Chip(): icon_status becomes iconStatus, img becomes imagef7Accordion() and updateF7Accordion()f7ProgressInf() (useless)f7Swiper() API. New options parameterf7PhotoBrowser() is now called from the shiny server function. See help, id and
label have been removedf7Searchbar()updateF7Entity()updateF7ActionSheet()addF7Tooltip() and updateF7Tooltip() to generate tooltips from the serverf7Page() so that we doesn't oblige users to create a PWAf7Page() has a new options parameter as replacement of f7Init(). Much simpler to handlef7Menu(), f7MenuItem(), f7MenuDropdown(), f7MenuDropdownDivider() and updateF7MenuDropdown(): special buttons and dropdown elements, behaving like action buttonsf7PhotoBrowser()updateF7SmartSelect(): thanks @Edireitoshiny:disconnect occurs. Gives ability to reload or reconnecthtmltools::attachDependencies() in create_app_uif7Searchbar() since it messes up with tabbar navigation. This does
not have any impact on user experience. In a future release of shinyMobile, f7Searchbar() will have input binding associated as well as more parameters for configurationf7SmartSelect(): type param becomes openIn to align with other inputsf7Messages(): messages are updated on the server side with f7AddMessages(). New f7MessageBar() to send messages from the server side.f7ActionSheet(): to access the currently selected button, use input$[sheet_id]_button. This is to make action sheets compatible with shiny modules. Moreover, the buttons provided
must be included in a list (not in a dataframe)f7Sheet() is still inserted in the UI side but can be triggered either on the server side in combination with updateF7Sheet() (see example) or on the UI side. Overall, this improves flexibility since user may choose any trigger element. In practice, any element having data-sheet pointing to the sheet id as well as the "sheet-open" css class may open it, instead of having a default trigger contained in the sheet. A use case may be to open a sheet in the tabbar (the trigger would be a f7TabLink() that is a special button styled for the tabbar)session is now optional and has been moved to the last position in function callf7AutoComplete(): type becomes openIn to align with the framework7 documentationf7Icon() (not used)f7Popup(). It has now an input associated giving the popup state (opened or closed) as well
as new parameters: backdrop, closeByBackdropClick, closeOnEscape, animate and swipeToClose.
label parameters has been removed. To create an f7Popup() put the f7Popup() tag in you UI. On the server side call f7TogglePopup(). See documentation for a detailed example. Thanks @pasahef7NavbarHide() renamed to f7HideNavbar() for consistancyf7NavbarShow() renamed to f7ShowNavbar() for consistancyf7Gauge() valueText was removed. It does not make sense that the value can be accidentally
different from the text displayed. valueText is then an internal parameter.f7DatePicker(): min becomes minDate, max becomes maxDate and format becomes dateFormatf7Appbar()input$shinyInfo and input$lastInputChanged (see shinyMobile tools vignette for more details)f7SmartSelect() has input binding as well as an update function updateF7SmartSelect()f7VirtualList(), f7VirtualListItem(), updateF7VirtualList(): high performance list with caching system -> faster rendering (up to 10x faster than f7List()). Ability to add item(s), remove item(s), move item, filter items, ...f7TabLayout(). This allows to use the f7Messagebar() in a tabs layout configuration.f7ValidateInput() function to validate input from the server side (similar to
shinyFeedback but internal to shinyMobile and without dependencies)f7Login() and updateF7Login() feature to provide UI boilerplates
for authenticationf7Tabs() may be used as standalone components with the style argument (segmented or strong). toolbar has the default behavior.f7Icon() and icons dependencies. thanks @pvictorupdateF7DatePicker(): thanks @pvictorf7Fabs() to get the status of the containerupdateF7Button() and updateF7Fabs()f7Init(). Pull the screen from top to bottom fires input$ptr which becomes TRUE. When the pull to refresh event is finished, input$ptr is NULL. Useful to trigger events in an observeEventupdateF7Select(): thanks @Seyphaton for the suggestionf7TogglePopup() to close/open a f7Popup(). Thanks @pasahepreview_mobile(): function that previews your app in a seleted range of
devices (iphone, samsung, htc, ...)f7File() for file upload. See shiny fileInputf7DownloadButton() to work properly with the shiny downloadHandler function. Thanks @bwganblack for the reportf7Init() to control the delay necessary to trigger
a long press (default to 750 ms)f7ShowPreloader() and f7HidePreloader()f7TextArea() input and updateF7TextArea() on the server sidef7checkBoxGroup() and f7Radio()f7TabLink() (special link to insert in f7Tabs() that may open a f7Sheet())f7Button()f7Segment()f7Popup() + rewrite js binding. Thanks @pvictorf7DatePicker(): direction, openIn,
scrollToInput, closeByOutsideClick, toolbar, toolbarCloseText,
header and headerPlaceholderupdateF7Gauge(). Thanks @rodrigoheck for the suggestionf7Slider() to prevent wrong behaviour when used in f7TabLayout()f7Select() does not rely anymore on the shiny selectInput binding (does not have impact on user experience)f7Tab(): allows to navigate through hidden tabs without displaying them
in the tab menu. Thanks @rodrigoheckf7AutoComplete()f7Picker() and updateF7Picker(): rotateEffect, openIn, scrollToInput, closeByOutsideClick, toolbar, toolbarCloseText and sheetSwipeToClosef7Icon()f7Select()updateF7Slider()f7Slider()f7Slider() labels (remove enableLabels param)updateF7Slider()f7Slider()updateF7Stepper()f7Stepper(): add 2 more parameters (decimalPoint and buttonsEndInputMode)f7Init(). This improves perfomances
on old devicesf7SingleLayout() example (replace sliderInput by f7Slider)f7SplitLayout() example (replace sliderInput by f7Slider)f7TabLayout() exampleupdateF7AutoComplete: text input was not updated. Thanks @sanchez5674 for the reportf7Page(). Thanks @ pvictorf7Sheet() wrong css style applied when multiple sheets are in the same appf7Tabs(): if one put f7Tabs() inside a f7Tab() in a parent f7Tabs(), the input binding was giving the wrong tab for the top level tabset (once we clicked in the tab containing the sub-tabset).f7InsertTab() and f7RemoveTab() when swipeable is TRUEf7Tabs() on click. This allows to use f7Tabs()
without swipeable and animatedf7Panel() (need to provide the f7Panel() inputId)f7Swipeout() to make the current tab swipping if in f7TabLayout()f7Fab() label white background color in dark modef7Navbar() would center the body content on scroll, due to a css conflictf7Slider() and f7TabLayout(): When setting value of a slider in a swipeable f7TabLayout it cause the tab to be swip. This describe here : framework7io/framework7#2603. Thanks @pvictorf7DatePicker() format for months. Thanks @kmaheshkulkarnif7DatePicker(): the viewport does not scroll to input by defaultf7AutoComplete() examplef7Popup(). Thanks @pasahef7Popup(). Now f7Popup() triggers shiny output rendering. Thanks @pasaheupdateF7Gauge() -> wrong fraction for semi circle gauges.f7Stepper(): some options were not properly initialized (max, min, ...)f7Slider() example 2: wrong argument in helpf7Icon() example: wrong function namef7Row() examplef7Sheet(): hiddenItems is NULL by defaultf7Appbar()NEWS.md file to track changes to the package.