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

    Hide seamless dialog if I switch tab panel

    Framework
    3
    6
    173
    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.
    • M
      mespino last edited by

      Hi

      This is my situation, I have a seamless dialog in a component that is a child of a Tab Panel, please find below a raw code explaining the organization.

      <tabpanel>
             <childComponent>
                        this.$q.dialog({
                              component: customComponent,
                               parent: this
                        })
             </childComponent>
      

      When I set parent with “this” what I’m expecting if I switch tab I should not see the seamless dialog because childComponent is under a certain tab, is it possible to make it work? or I need to use a different component instead of the Dialog.

      Thanks

      1 Reply Last reply Reply Quote 0
      • s.molinari
        s.molinari last edited by

        What are you doing with the dialog?

        Scott

        1 Reply Last reply Reply Quote 0
        • M
          mespino last edited by

          To contain a form that is used to configure data from the child component, for instance, if you click in a “box” the dialog should show but you can still interact with the child component. The dialog keeps on top of everything even if you switch tabs, unless I’ve misunderstood the parent property

          metalsadman 1 Reply Last reply Reply Quote 0
          • s.molinari
            s.molinari last edited by

            Um, but dialogs are supposed to “float” over everything. The parent property is there, so you can get a context to work with i.e. so you can use things like Vuex. It doesn’t mean, however, it will “perform” along with the parent component creating the dialog. It isn’t a “child” component per se.

            Can you explain your use case better?

            Scott

            1 Reply Last reply Reply Quote 0
            • metalsadman
              metalsadman @mespino last edited by

              @mespino better make a barebone codepen. You can programmatically close it.

              1 Reply Last reply Reply Quote 0
              • M
                mespino last edited by

                @metalsadman

                Yeah, that’s an option I was considering, you know… lazy developers…

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