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

    is it possible to enable swipeable Tabs on browser?

    Help
    5
    9
    666
    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.
    • G
      gamempvs last edited by

      Tab components has swipeable on phone, how enable this in browser? Tab has swipeable on phone, how enable this in browser?

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

        isnt swiping only a mobile thing? how would you swipe on desktop? 🙂

        C 1 Reply Last reply Reply Quote 0
        • rstoenescu
          rstoenescu Admin last edited by

          It works on desktop too! Just click and drag to one of the directions then quickly release mouse.

          1 Reply Last reply Reply Quote 0
          • rstoenescu
            rstoenescu Admin last edited by rstoenescu

            It also takes into account if the screen upon which the UI is rendered has touch support or not. For such a desktop/laptop screen, it will work with both touch and mouse actions.

            1 Reply Last reply Reply Quote 0
            • G
              gamempvs last edited by gamempvs

              Thanks for answering
              i have bad english you probably misunderstood me,
              Icons appear on the browser when clicked, burned, as on the phone it works when you tap,
              alt text

              i need similar on a youtube like carousel
              alt text

              1 Reply Last reply Reply Quote 0
              • G
                gamempvs last edited by gamempvs

                Moving the mouse in the browser does not work for me, only when I click on the icons on the edges
                on YouTube moving using the mouse works

                1 Reply Last reply Reply Quote 0
                • C
                  chyde90 @Max last edited by

                  @Max My laptop has a touch screen, too

                  M 1 Reply Last reply Reply Quote 0
                  • M
                    Max @chyde90 last edited by

                    @chyde90 valid point 😉

                    1 Reply Last reply Reply Quote 0
                    • A
                      AndrewE last edited by AndrewE

                      to enable swipe on tabs panels,

                      1. add ‘TouchSwipe’ to directives[] in quasar.config.js
                      2. add swipeable to q-tab-panels tag, e.g. <q-tab-panels v-model=“tab” swipeable animated class=“bg-primary text-white”>

                      In other words, the swipe is enabled on the panels div rather than on the tabs.

                      I haven’t yet figured out how to do it with Q-Route-Tab

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