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. prashant
    • Profile
    • Following 0
    • Followers 1
    • Topics 1
    • Posts 12
    • Best 1
    • Groups 0

    prashant

    @prashant

    1
    Reputation
    6
    Profile views
    12
    Posts
    1
    Followers
    0
    Following
    Joined Last Online
    Website tss.net.in Location Mumbai, Maharashtra, India Age 48

    prashant Follow

    Best posts made by prashant

    • RE: Export(pdf/csv/word/xlsx) and Print feature request in q-table

      I also searching for this if anyone has solution please share

      posted in Framework
      prashant
      prashant

    Latest posts made by prashant

    • RE: How to add Icon / bookmark to mobile home screen ?

      Yes I deployed on server with https & PWA enabled still get didn’t worked.
      Need to add this to my list SSL is also required.

      posted in Help
      prashant
      prashant
    • How to add Icon / bookmark to mobile home screen ?

      I am new to Quasar I want to display website to prompt to create home screen icon. Let me know the step by step I watch Danny video but its more in to caching and PWA. can any body help me please I have few question in my mind.

      01 Do I need to install any plugin / extension for it?
      02 Does it work with dev mode ?
      03 My website is SPA do I need to change any mode ?

      I followed following steps but didn’t work out let me know what is wrong. Beside I can’t find step by step guide for it. So I am writing a detail mail for it.
      File : quasar.config.js

      ssr: {
            pwa: false
          },
      
          // https://quasar.dev/quasar-cli/developing-pwa/configuring-pwa
          pwa: {
            workboxPluginMode: 'InjectManifest', //
            workboxOptions: {}, // only for NON InjectManifest
            manifest: {
              name: 'bpp',
              short_name: 'bpp',
              description: 'Business Plus Plus Online Trading Portal',
              display: 'standalone',
              orientation: 'portrait',
              background_color: '#ffffff',
              theme_color: '#4B0082',
              icons: [
                {
                  src: 'statics/icons/icon-128x128.png',
                  sizes: '128x128',
                  type: 'image/png'
                },
      

      File : layout.vue

      <q-footer elevated>
            <q-toolbar>
              <q-toolbar-title>Footer</q-toolbar-title>
              <q-btn @click="installApp" icon="menu" aria-label="Install" />
            </q-toolbar>
          </q-footer>
          
      <script>
      var defferedPrompt;
      export default {
      data() {
          return {
            show: false,
            ShowAppInstallBanner: false
          };
        },
        methods : {
        installApp() {
            this.ShowAppInstallBanner = false;
            defferedPrompt.prompt();
            //Wait for the use to respond prompt
            defferedPrompt.userChoice.then((choiceResult) => {
              if (choiceResult.outcome === 'accepted') {
                this.neverShowAppInstallBanner();
              }
            });
          },
        },
        mounted() {
          let neverShowAppInstallBanner = this.$q.localStorage.getItem(
            'neverShowAppInstallBanner'
          );
      
          // if (!neverShowAppInstallBanner || neverShowAppInstallBanner == null) {
          window.addEventListener('beforeinstallprompt', (e) => {
            e.preventDefault();
            //Stash the event so it can be trigger later
            defferedPrompt = e;
            //deferredPrompt.prompt();
            console.log('inside ', defferedPrompt);
          });
          this.neverShowAppInstallBanner = true;
          // }
        }
      

      Icon generated using icon genie and also verified it.
      Execute using following code.
      quasar build --mode pwa

      posted in Help
      prashant
      prashant
    • RE: Quasar Shopping - beautiful eCommerce UI template written in Vue.js/Quasar

      hey Maur this is Prashant Mumbai its great to see your effords I just downloaded it let me and added star rating let me use it. If any thing I will required will discuss. Its great to see you

      posted in Useful Tips (NEW)
      prashant
      prashant
    • RE: QUploader formData append Problem

      just check node formdata you will find the issues. I was facing similar issues If I have files selected then which is optional in my form I used formData othewise a object.
      Still you send pic of of devtool request header othewise no body will understand what is going on. Make sure it should show cadFiles : Binary

      posted in Help
      prashant
      prashant
    • RE: q-select map-options and filter is not working together well

      I created a Base component for q-select with map option but can’t set the default value to it can any one check what is the issue.?

      https://codesandbox.io/s/little-hooks-c3nsk?file=/src/pages/SelectMap.vue

      posted in Help
      prashant
      prashant
    • RE: Quasar with ESlint 6.x - cannot find module 'eslint-plugin-import'

      what is the solutions

      posted in Help
      prashant
      prashant
    • RE: How can i pass the jwt token to axios get request?

      try this https://forum.quasar-framework.org/topic/2722/how-to-import-vuex-state-to-an-external-js/3

      posted in Help
      prashant
      prashant
    • RE: [SOLVED by metalsadman] Axios store needs browser reload

      I solved this checkout If you like it please mark me
      https://forum.quasar-framework.org/topic/2722/how-to-import-vuex-state-to-an-external-js/3

      posted in Help
      prashant
      prashant
    • RE: How to import Vuex state to an external js

      I am new to quasar please let me know is there any better way to do it. I used vue-persistance module

      import Vue from "vue";
      import axios from "axios";
      
      const axiosInstance = axios.create({
        baseURL: "http://localhost:5000/",
        headers: {
          Accept: "application/json",
          "Content-Type": "application/json"
        },
        timeout: 10000
      });
      
      export default ({ store }) => {
        axios.defaults.headers.common["Authorization"] =
          "Bearer " + store.state.token;
      };
      
      Vue.prototype.$axios = axiosInstance;
      
      // Here we define a named export
      // that we can later use inside .js files:
      export { axiosInstance };
      
      posted in Help
      prashant
      prashant
    • RE: 1 QTable and 3 QSearch

      can any one share the code please I am searching for it. as <q-table has only one property

      posted in Help
      prashant
      prashant