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. folami
    F
    • Profile
    • Following 8
    • Followers 0
    • Topics 16
    • Posts 65
    • Best 4
    • Groups 0

    folami

    @folami

    4
    Reputation
    109
    Profile views
    65
    Posts
    0
    Followers
    8
    Following
    Joined Last Online

    folami Follow

    Best posts made by folami

    • RE: [v1] How to Activate qBtnDropDown menu on mouseover

      @turigeza said in [v1] How to Activate qBtnDropDown menu on mouseover:

      @folami

      Opening the menu on hover. Almost works : ) Sometimes it doesn’t open not sure why. Maybe somebody else helps you with it. Closing it is more difficult. This is Quasar V1

      <div class="q-pa-md">
                  <q-btn-dropdown color="primary" label="Dropdown Button" v-model="menu" @mouseover.native="menu = true">
                      <q-list>
                          <q-item clickable>
                              <q-item-section>
                                  <q-item-label>Photos</q-item-label>
                              </q-item-section>
                          </q-item>
      
                          <q-item clickable>
                              <q-item-section>
                                  <q-item-label>Videos</q-item-label>
                              </q-item-section>
                          </q-item>
      
                          <q-item clickable>
                              <q-item-section>
                                  <q-item-label>Articles</q-item-label>
                              </q-item-section>
                          </q-item>
                      </q-list>
                  </q-btn-dropdown>
              </div>
      

      #thanksAlots 🙏 👍🏽

      posted in Help
      F
      folami
    • How to make vuex store persist

      How to make vuex state persist after page reload/refresh …I tried using vuex-persistedstate but couldnt get it working

      posted in [v1] App Extensions
      F
      folami
    • RE: [v1] How to Activate qBtnDropDown menu on mouseover

      Working perfectly, thanks

      posted in Help
      F
      folami
    • RE: How to make vuex store persist

      found the problem! I was running the app on SSR mode but, When I disable SSR run SPA mode it works.
      But I need for SSR mode because my app is suppose to be run on SSR mode…
      I still need solution to this please🙏🏽 🙏🏽 🙏🏽 🙏🏽 🙏🏽 🙏🏽 🙏🏽 🙏🏽 🙏🏽 🙏🏽 🙏🏽

      posted in [v1] App Extensions
      F
      folami

    Latest posts made by folami

    • RE: [Solved] How to dynamically change layout in router base on platform

      @tof06 Sorry for late response, it works thanks so much

      posted in Framework
      F
      folami
    • CSS How to add triangular pointer to dropdown menu such as qmenu

      I’m want to add a triangular pointer to q-menu menu like this topic on stackoverflow.

      https://stackoverflow.com/questions/16237181/how-to-add-bordered-triangle-over-a-div-tag
      
      posted in Framework
      F
      folami
    • RE: [Solved] How to dynamically change layout in router base on platform

      @tof06 thanks, I will try it and let you know if it works

      posted in Framework
      F
      folami
    • RE: [Solved] How to dynamically change layout in router base on platform

      @tof06 please I would like to see an example of this

      posted in Framework
      F
      folami
    • RE: [Solved] How to dynamically change layout in router base on platform

      @Pratik-Patel, I have thought about this but my app is in SSR mode and Platform Plugin needs to parse ssrContext during ssr rendering which is only available in boot file plugins and prefetch but not in router

      function (ssrContext) {
        const platform = process.env.SERVER
          ? Platform.parseSSR(ssrContext)
          : Platform // otherwise we're on client
      
        // platform is equivalent to the global import as in non-SSR builds
      }
      
      posted in Framework
      F
      folami
    • [Solved] How to dynamically change layout in router base on platform

      How do I achieve this…

      const router = [
        {
           path: '/someroute'
           component:  () => Platform.is.mobile ? import('layouts/mainLayout.vue') : import('layouts/mobileView.vue')
         ...
        }
      ]
      

      Thanks

      posted in Framework
      F
      folami
    • RE: QDrawer prop: show-if-above

      @s-molinari well, i tried your approach it works but i couldn’t control other props such overlay and breakpoint and to hide qdrawer under toolbar.
      but i found myself a quark solution:

      mounted () {
        leftDrawer = true
        setTimeout(() => {
          leftDrawer = false
         }, 0)
      }
      

      Please, I would like to know if there is a better way to do this

      posted in Framework
      F
      folami
    • QDrawer prop: show-if-above

      I don’t wanna display the q-drawer @initial rendering
      and I tried :show-if-above=“false” but it wouldnt work?
      Please is there a way to disable this?

      posted in Framework
      F
      folami
    • Hide Material Icon From SEO Crawler

      I discovered the result of my web app on google tries to show the material icons that I used on the web site, but instead shows icon names e.g Menu, location_on, mail, account_circle, arrow_drop_down…etc
      Please How do i deal with this? and if possible can I hide them from SEO Crawlers?

      posted in Framework
      F
      folami
    • RE: how to make quasar ssr web app available only https

      I got a similar solution online but this didn’t work with front-end frameworks

      posted in Framework
      F
      folami