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
    1. Home
    2. bigzhu
    • Profile
    • Following 0
    • Followers 0
    • Topics 6
    • Posts 13
    • Best 3
    • Groups 0

    bigzhu

    @bigzhu

    5
    Reputation
    347
    Profile views
    13
    Posts
    0
    Followers
    0
    Following
    Joined Last Online

    bigzhu Follow

    Best posts made by bigzhu

    • RE: How can I make the right aside menu sticky?

      I found use Middle R, like ‘lhh LpR lfr’ is works fine.
      no need sticky
      Quasar v0.14 is so cool

      posted in Help
      bigzhu
      bigzhu
    • How to show text on the Floating Action Button?

      I want show some text or number on the “Floating Action Button”, not the icon.

      But it’s not support yet. so I make my FAB component BzFab.vue from Qfab.vue:

      <template>
        <div class="q-fab row inline justify-center" :class="{'q-fab-opened': opened}">
          <q-btn @click="toggle" round :outline="outline" :push="push" :flat="flat" :color="color" :class="{glossy: glossy}">
            {{content}}
            <q-icon :name="icon" class="q-fab-icon absolute-full row flex-center full-width full-height"></q-icon>
            <q-icon :name="activeIcon" class="q-fab-active-icon absolute-full row flex-center full-width full-height"></q-icon>
          </q-btn>
          <div class="q-fab-actions flex no-wrap inline items-center" :class="`q-fab-${direction}`">
            <slot></slot>
          </div>
        </div>
      </template>
      
      <script>
        import {
          QFab
        } from 'quasar'
        export default {
          mixins: [QFab],
          props: {
            content: {
              type: String,
              default: ''
            }
          }
        }
      </script>
      

      and it works fine.
      Maybe QFab can support show other not just icon?

      posted in Help
      bigzhu
      bigzhu
    • RE: How to show text on the Floating Action Button?

      @n.taddei I know this feature and I must need expandable fab, still thanks.

      posted in Help
      bigzhu
      bigzhu

    Latest posts made by bigzhu

    • Is Quasar 1.0 remove the BackToTop Directive? Why Upgrading from 0.x to v1 said nothing about it?

      Is Quasar 1.0 remove the BackToTop Directive?
      Why Upgrading from 0.x to v1 said nothing about it?

      posted in Help
      bigzhu
      bigzhu
    • RE: Run dev error while running a new project.

      run

      rm .babelrc
      

      will fix this error

      posted in CLI
      bigzhu
      bigzhu
    • inline q-card can't work with v-show?

      inline q-card had a css

      .inline-block {
        display: inline-block !important;
      }
      

      v-show just add style style="display: none;"

      so the inline q-card can’t hidden

      posted in Help
      bigzhu
      bigzhu
    • RE: How to show text on the Floating Action Button?

      @n.taddei I know this feature and I must need expandable fab, still thanks.

      posted in Help
      bigzhu
      bigzhu
    • RE: How to show text on the Floating Action Button?

      @s.molinari said in How to show text on the Floating Action Button?:

      tooltip

      some info must always be displayed on Floating Action Button, tooltip can’t do that and used more place

      posted in Help
      bigzhu
      bigzhu
    • RE: How to show text on the Floating Action Button?

      @n.taddei you are right but I still need text Floating Action Button in my site. thank you .

      posted in Help
      bigzhu
      bigzhu
    • How to show text on the Floating Action Button?

      I want show some text or number on the “Floating Action Button”, not the icon.

      But it’s not support yet. so I make my FAB component BzFab.vue from Qfab.vue:

      <template>
        <div class="q-fab row inline justify-center" :class="{'q-fab-opened': opened}">
          <q-btn @click="toggle" round :outline="outline" :push="push" :flat="flat" :color="color" :class="{glossy: glossy}">
            {{content}}
            <q-icon :name="icon" class="q-fab-icon absolute-full row flex-center full-width full-height"></q-icon>
            <q-icon :name="activeIcon" class="q-fab-active-icon absolute-full row flex-center full-width full-height"></q-icon>
          </q-btn>
          <div class="q-fab-actions flex no-wrap inline items-center" :class="`q-fab-${direction}`">
            <slot></slot>
          </div>
        </div>
      </template>
      
      <script>
        import {
          QFab
        } from 'quasar'
        export default {
          mixins: [QFab],
          props: {
            content: {
              type: String,
              default: ''
            }
          }
        }
      </script>
      

      and it works fine.
      Maybe QFab can support show other not just icon?

      posted in Help
      bigzhu
      bigzhu
    • RE: How can I make the right aside menu sticky?

      I found use Middle R, like ‘lhh LpR lfr’ is works fine.
      no need sticky
      Quasar v0.14 is so cool

      posted in Help
      bigzhu
      bigzhu
    • How can I make the right aside menu sticky?

      If change position to sticky, the right aside move to top left, and out of the layout.

      How can I make the right aside menu sticky? Quasar v0.14

      posted in Help
      bigzhu
      bigzhu
    • RE: scrollBehavior is not work

      @rstoenescu just a little modify: change layout.scrollTop = 0 to layout[0].scrollTop = 0 then it work for me.
      thank you.

      posted in Help
      bigzhu
      bigzhu