Skip to content

View — Reference

Reference · Advanced · Framework7 8

View settings and behavior. Settings include ID, Main View, URL, Transition.

View settings and events. Select the component in App Structure to find these controls in Properties.

Name Description
IDDefault: "". Attribute: id.
Main ViewDefault: false.
Name Description
URLEnter the URL to navigate to Required. Default: "".
Name Description
TransitionOptions: Default, Circle ('f7-circle'), Cover ('f7-cover'), Cover Vert ('f7-cover-v'), Dive ('f7-dive'), Fade ('f7-fade'), Flip ('f7-flip'), Parallax ('f7-parallax'), Push ('f7-push') Default: "".
Reload CurrentReplace the current page with the new one from route, no animation in this case Default: false.
Reload PreviousReplace the previous page in history with the new one from route Default: false.
Reload AllLoad new page and remove all previous pages from history and DOM Default: false.
Clear Previous HistoryPrevious pages history will be cleared after reloading/navigate to the specified route Default: false.
AnimateWhether the page should be animated or not (overwrites default router settings) Default: true.
HistoryWhether the page should be saved in router history Default: true.
Push StateWhether the page should be saved in browser state. In case you are using pushState, then you can pass here false to prevent route getting in browser history Default: true.
Ignore CacheIf enabled then it will ignore if such URL in cache and reload it Default: false.
Name Description
URLEnter the URL to navigate to Required. Default: "".
Name Description
AnimateWhether the page should be animated or not (overwrites default router settings) Default: true.
Push StateWhether the page should be saved in browser state. In case you are using pushState, then you can pass here false to prevent route getting in browser history Default: true.
Ignore CacheIf enabled then it will ignore if such URL in cache and reload it Default: false.
Forceif enabled then it will ignore previous page in history and load specified one Default: false.