Floating action button across all pages

Im using a Floating Action Button that contains a chatbot icon which opens a div when clicked on, same that is included in the Kitchen Sink startup project. Right now it displays on the initial index page of my application. However when I navigate/slide to a child page the FAB Icon goes behind that screen. Is there anyway to make a floating action button to always appear on top of all content? Thanks

From the docs;

FAB Layout

Layout of floating action button is very simple. Just put it as the direct child of page or view

So i will assume that you put FAB as a direct child of page. change the layout an put it as a child of your view.

https://framework7.io/docs/floating-action-button.html

1 Like