Adding a FAB over a component
-
What I am looking to do is to have a FAB floating over a component, rather than a whole page.
I looked at QFab and at QPageSticky and both set a button floating over a QPage. I want to add a FAB floating over a QList. The list may not cover the entire page. As an example, the list could be the left side of a QSplitter. The FAB should move left and right as the splitter expands and contracts the list, and it should always stay within the list’s area. I have a CodePen at https://codepen.io/downloadovici/pen/povbQeW, where I tried a QFab, but it does not do what I want. The QFab is in the bottom-right corner of the QPage, rather than on the bottom-right corner of the QList.
Is there a way to have the QFab floating over the list?
-
@tdumitr from content https://quasar.dev/layout/page-sticky#Usage
WARNING
-
In order for QPageSticky to work, it must be placed within a QLayout component.
-
QPageSticky must be the last child element within it’s parent, so it can display on top of other
using your codepen: https://codepen.io/metalsadman/pen/QWwEPKB
-
-
Awesome. Thank you. It does make sense, now that you pointed it out.