This isn’t working for me. I tried the class on both the modal and the modal layout, but neither worked. I see those two elements in the resulting HTML, and a DIV is inserted between them. If I manually change that DIV in dev tools in chrome, I can set the background on it and it behaves correctly. So why isn’t the DIV receiving the class from either component?

You can do custom headers and custom cells. I don’t see why you wouldn’t be able to use HTML’s colspan attribute for the header elements. There’s docs for the custom header somewhere on this site. I don’t recall where.

Hi, I’m using the :count property in a q-route-tab and it turns “6/28” into “6…”. I’d like to be able to display the full 6/28, and possibly bigger numbers 128/1234, for example. I see that chips are being used, but don’t see how to pass on any chip-specific settings through the q-route-tab. Is this possible or is there another way?

Thanks for the update and the news on 1.0!

Thanks. Found my answer: https://github.com/quasarframework/quasar/issues/1324

Didn’t realize slot=“title” was required, nor am I still sure what it is doing, but that did the trick.

Never mind - needed slot=“title” per https://github.com/quasarframework/quasar/issues/1324

Sorry to cross-post. q-route-tab doesn’t seem to work as documented. See here: https://forum.quasar-framework.org/topic/2697/bug-q-route-tabs-being-built-wrong-being-placed-in-q-tabs-panes

I think it’s a bug. Do we post those in this forum? Or the help forum? Or where?

Updated to CLI 0.17.15. Same issue.

From what I can tell, a q-tab should be able to be replaced by a q-route-tab. That is not presently the case. QRouteTabs aren’t showing in the tab bar of QTabs.

Here is my case:
I’m replacing q-tab with q-route-tab, both of which reside under a q-tabs element.

My original was

<q-tabs
      glossy
      color="blue-10"
    >
<q-tab
        slot="title"
        :count="numRoles"
        label="Roles"
        default
        name="tab-role"
        icon="supervised_user_circle"
      />
      <q-tab
        label="Permissions"
        count="0"
        slot="title"
        name="tab-perm"
        icon="visibility"
      />
      <q-tab
        label="Users"
        count="0"
        slot="title"
        name="tab-user"
        icon="assignment_ind"
      />
</q-tabs>

The new stuff looks like this so far:

<q-tabs
      glossy
      color="blue-10"
    >
      <q-route-tab
        to="roles"
        label="Roles"
        :count="numRoles"
        name="tab-role"
        icon="supervised_user_circle"
        exact
      />
      <q-route-tab
        to="permissions"
        label="Permissions"
        count="0"
        name="tab-perm"
        icon="visibility"
        exact
      />
</q-tabs>

Previously, I had a q-tab-pane after the q-tabs, and now I have a router-view. There is no tab pane anymore. The routing seems to work fine.

When I was previously using the tabs, they showed up left-to-right in the glossy blue bar. They now show stacked top-to-bottom below the glossy blue bar with a horizontal rule between them. Inspecting the HTML, I see that my new route tabs are nested inside of a q-tabs-panes div. The item above it, is a q-tabs-head div, and is the blue bar. Shouldn’t the q-route-tab(s) be nested inside that? That’s where q-tab(s) get put.

I’m on Q-CLI 0.17.9, Q-F of 0.17.8.