tabs Arrows not displaying

jeimz173

hi i am having a problem with arrows on desktop display… here in qtabs please help i just copied the script at docs but its not working thank you! i tried to add multiple tab items but still not displaying the arrows

can anyone of you comment a code snippet please thank you so much!

s.molinari

Did you put the tabs within a QPage? I believe that is necessary.

https://jsfiddle.net/smolinari/0nw2o6ce/

Scott

alsolee

u can use v-if and v-else both. like this:

<q-tabs class="fit" color="indigo" inverted swipeable v-model="selectedTab"  v-if="views.length" v-show="views.length" >
      <q-tab :name="v[0]" slot="title" v-for="v in views" :key="v[0]">{{v[1]}}</q-tab>
      <q-tab-pane class="fit no-padding" :name="v[0]" v-for="v in views" :key="v[0]" ref="panes">
        <instance-view :id="id" :vid="v[0]" :modal="modal"/>
      </q-tab-pane>
    </q-tabs>

cristiano.moraes

Hello @jeimz173. Have you found a solution to this problem? I am facing the same issue and the above solutions didn’t solve it.

metalsadman

@cristiano-moraes said in tabs Arrows not displaying:

Hello @jeimz173. Have you found a solution to this problem? I am facing the same issue and the above solutions didn’t solve it.

can you make codepen, coz it works even on dynamically created tabs seen here https://quasar.dev/vue-components/tabs#Dynamic-update.

LaloFP

@metalsadman
Hi, I am having the same issue.

You can replicate it in the documentation example: https://quasar.dev/vue-components/tabs#Dynamic-update.

If you see it in the computer browser, it works Ok.
If you load de page in the computer browser and then activate the DevTools Mobile simulator it works Ok.
If you reload the page (having the DevTools Mobile simulator activated) it doesn’t display the arrows.
If I load the page in my Mobile GoogleChrome it doesn’t display the arrows.

Im using Google Chrome

How can we fix it?? Thanks!

metalsadman

Thats normal behavior in mobile, because you will be swiping the tab left and right to see the rest of the tab items not by arrows. @LaloFP

LaloFP

@metalsadman but in a lot of cases you will not even realize you have more tabs…

what do you think it can be done? I want to being able the force those arrows to appear regardless the platform.

Do quasar have a way of doing that?

metalsadman

Out of the box no, you wilm most likely roll out your own, check the source how those arrows are implemented.

LaloFP

Oh, so sad. Okey. By now, I dont have the need for more tabs, but if I need it in the future and Im able to figure it out I will post it here for the rest.

Thanks metalhappyman!

No More Posting New Topics!

tabs Arrows not displaying