No More Posting New Topics!

If you have a question or an issue, please start a thread in our Github Discussions Forum.
This forum is closed for new threads/ topics.

Navigation

    Quasar Framework

    • Login
    • Search
    • Categories
    • Recent
    • Tags
    • Popular
    • Users
    • Groups
    • Search

    Any way to set position of q-popup-proxy?

    Help
    2
    4
    2050
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • CWoodman
      CWoodman last edited by

      I’m putting a q-tree in a q-popup-proxy triggered by a q-btn. Is there a way to set the position of the popup, or am I stuck with the default?

      1 Reply Last reply Reply Quote 0
      • CWoodman
        CWoodman last edited by

        Here’s a codepen showing the code (but it’s not working, even though it works fine at home)…
        https://codepen.io/crawfordw/pen/abdejbo?editors=1111
        This is ‘ComboTree’ component that includes both an auto-complete feature made with q-select, and a drop-down menu triggered by a button that uses q-tree to provide a hierarchical set of categories. User can select a category at any level of the tree.
        It’s working fine for me, except in the codepen 😞 but I would like the drop-down menu in the q-popup-proxy to be centered under the input box instead of over to the side.

        1 Reply Last reply Reply Quote 0
        • dobbel
          dobbel last edited by

          you can look at offset or one of the other passthrough props of Qmenu and Qdialog.

          https://quasar.dev/vue-components/popup-proxy#Pass-through-props

          1 Reply Last reply Reply Quote 0
          • CWoodman
            CWoodman last edited by

            I fixed it! Just used q-menu instead of q-popup-proxy. q-menu has anchor and self props. Still learning my way around this great framework.

            1 Reply Last reply Reply Quote 1
            • First post
              Last post