Skip to content

Page — Reference

Reference · Advanced · Framework7 8

Page settings and behavior. Settings include ID, Name, Path, Stacked.

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

Name Description
IDID for the theme switch component. Sets the component id attribute. Use a stable id if you reference this component from other scripts or need a consistent selector. Bootstrap docs: Color modes Required. Default: "". Attribute: id.
NameEnter the Page name used for identification and linking Default: "". Attribute: data-name.
PathEnter the Page path to be used in routing Default: "". Attribute: path.
StackedCheck when using Stacked Pages. This means that the page will be stacked and hidden initially Default: false.
With Sub NavbarCheck if you want to show the Sub Navbar on this page Default: false.
No NavbarDefault: false.
No ToolbarDefault: false.
No Swipe BackDefault: false.
Theme ColorOptions: Default, Red (color-red), Green (color-green), Blue (color-blue), Pink (color-pink), Yellow (color-yellow), Orange (color-orange), Purple (color-purple), Deep Purple (color-deeppurple), Light Blue (color-lightblue), Teal (color-teal), Lime (color-lime), Deep Orange (color-deeporange), Gray (color-gray), White (color-white), Black (color-black) Default: "".
LayoutOptions: Light, Dark (dark) Default: "".