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. Framework
    Log in to post
    • Newest to Oldest
    • Oldest to Newest
    • Most Posts
    • Most Votes
    • N

      In app purchase for iOS and Android Example?
      • numerouno

      9
      0
      Votes
      9
      Posts
      707
      Views

      gvorster

      I can’t get the cordova-plugin-purchase plugin working either. The final step of finishing an order does not work in my app. So the product status of “owned” is always “false”.

      I am thinking of a working solution to just create 2 Android packages: free and paid and publish them to the store.
      I think the only thing I need to do is create a script to change the Cordova config.xml and AndroidManifest.xml and change the package name to either “my.app.id.free” or “my.app.id.paid” and then do “cordova platform remove android && cordova platform add android” before a build.

    • A

      Google Places Autocomplete using Q-Input not working but works with Input
      • avistad

      9
      0
      Votes
      9
      Posts
      713
      Views

      D

      incase you looking for v2 with vue3

      const pickup = ref<QInput | null>(null);

      <q-input class="full-width" required ref="pickup" type="text" dense label="Enter Pickup Location" v-model="form.pickup" /> let input = pickup.value.getNativeElement() as unknown as HTMLInputElement; return { pickup, .... }
    • T

      Date util documentation doesn't make sense
      • toymachiner62

      3
      0
      Votes
      3
      Posts
      354
      Views

      C

      @toymachiner62 said in Date util documentation doesn't make sense:

      On this section https://quasar-framework.org/components/date-utils.html#Create it mentions that you can pass a third parameter, but there is nothing documented about what the second parameter is supposed to be. Can that be updated to be more clear?

      I’m also looking for the syntax to add ‘true’ to get the UTC date.

      Even if I use adjustedDate and put in true, I’m still getting my local timezone, not UTC:

      const newDate = new Date(2017, 10, 2) const adjustedDate = date.adjustDate(newDate, { year: 2010, month: 2 }, true)

      I’m using extractDate…

      const extractedBeginDate = date.extractDate(this.begDate, 'YYYY-MM-DD')
    • T

      How to import Quasar components into existing Nuxt.js application?
      • tesicg

      5
      0
      Votes
      5
      Posts
      3189
      Views

      L

      Hello @gunturhakim ?

    • T

      vue2-leaflet
      • TJose

      6
      0
      Votes
      6
      Posts
      1399
      Views

      bjbk

      Now, to figure out why the marker png’s don’t work with Webpack.
      net::ERR_INVALID_URL

    • F

      How to use vuex store without access to vue instance?
      • Fragster

      4
      0
      Votes
      4
      Posts
      2157
      Views

      D

      Accounting tools can be of great assistance, so as totackle out different processes and tasks. In today’s post, we will be learning the procedure to access different accounting tools in QuickBooks desktop enterprise. Accounting tools can be a saviour in majority of cases.

      To know more about accessing accounting tools in QuickBooks desktop enterprise, make sure to read this post till the end.

    • P

      integrate firebase cloud messaging in quasarv1.9 !
      • Paolo Massenzana

      5
      0
      Votes
      5
      Posts
      695
      Views

      D

      this may be late just incase use this https://github.com/diadal/firebase

    • labs20

      Masks limits
      • labs20

      4
      1
      Votes
      4
      Posts
      619
      Views

      M

      The simplest way is giving a long pattern like:
      {
      mask: “###.###.###.###.###.###.###.###,##”,
      reverse-fill-mask: true,
      }

    • I

      Which backend for Quasar ?
      • Incremental

      18
      0
      Votes
      18
      Posts
      3229
      Views

      C

      @damiendeville
      This has been confusing me as well!
      I also need an online database backend for Quasar and have been looking at Meteor. But there is really no information about that

      “a) The commands to create the project do not mention neither meteor nor quasar”

    • ssuess

      [Solved] PWA force refresh when new version released?
      • ssuess

      60
      3
      Votes
      60
      Posts
      46174
      Views

      S

      Solved with this pcs of code:

      console.log('%c Service worker is active.', 'color: magenta', registration); const updateManual = () => { registration.update().catch((er)=>console.error('Error on update worker', er)); }; setInterval(updateManual, 500); // 500ms works for me, but you may want to set it higher. },``` in case someone else need it.
    • L

      QCalendar suggestion
      • LM

      41
      0
      Votes
      41
      Posts
      3056
      Views

      VB

      declared as closed

    • W

      q-img preloading
      • walfin

      6
      0
      Votes
      6
      Posts
      634
      Views

      E

      @Hawkeye64 Like most technical questions in programming forums, this question can be answered in two ways:

      Hey, what you are trying to do (called X ) is not the recommended way. So, do Y instead. (An example of XY Problem – https://xyproblem.info/) Ok, let’s assume you know what you are doing and you have your own reasons to do X instead of the recommended way of Y. Here is the easiest way to achieve that.

      I believe your answer was case #1 above. And there are people who are looking for #2. As a core Quasar Team member, it would be wonderful to hear your answer to #2.

      What I have found is the common way of preloading in Javascript (https://stackoverflow.com/q/3646036 – just (new Image()).src = url;) does the work here. Note that q-img often loads the image twice (Read more details in my answer here: https://github.com/quasarframework/quasar/issues/7053#issuecomment-771938111), but the second time it’s from the cache. So if you want to test it, make sure you have Disable cache in Chrome DevTools unchecked.

      Additionally, I’ve found that adding basic and no-default-spinner to the q-img element can make it show up faster – from the API doc: https://quasar.dev/vue-components/img#qimg-api

      I still see some lags, but that’s the best I could come up with.

    • V

      google places autocomplete w/Q-input
      • visiperl

      4
      0
      Votes
      4
      Posts
      826
      Views

      N

      For anybody has trouble showing the dropdown list on cordova app, the problem for me was the css. I solved with this instruction:

      .pac-container {
      z-index: 9999 !important;
      }

    • R

      Google auto populate address without map
      autocomplete autopopulate google api google maps withoutmap • • Rohit

      14
      0
      Votes
      14
      Posts
      3069
      Views

      N

      For anybody has trouble showing the dropdown list on cordova app, the problem for me was the css. I solved with this instruction:

      .pac-container {
      z-index: 9999 !important;
      }

    • S

      How to configure alternate web browser for devServer
      • steve

      5
      0
      Votes
      5
      Posts
      1077
      Views

      A

      @steve

      devServer: { https: false, port: 8080, open: 'chrome' // opens browser window automatically },

      For automatically opening Google Chrome

    • S

      Notify close button
      • sebag

      4
      0
      Votes
      4
      Posts
      1095
      Views

      P

      @sebag well, late to the party, but you could do something like…

      actions: [ { icon: 'close', color: 'white', handler: () => {}, }, ],

      and your css could be…

      .q-notification__actions .q-btn__wrapper.col.row.q-anchor--skip { padding: 0px !important; font-size: 8px !important; } .q-notification__actions .q-btn__wrapper.col.row.q-anchor--skip i { position: absolute; top: -10px; font-weight: bold; }
    • U

      Firebase Push notification not working in quasar framework n Vue.js
      • udaylal2007

      6
      1
      Votes
      6
      Posts
      1489
      Views

      J

      @cata-orellana
      https://github.com/quasarframework/quasar/discussions/9065

    • J

      Github build & deploy workflow
      • joppehoekstra

      2
      0
      Votes
      2
      Posts
      489
      Views

      M

      conseguiu resolver seu problema?

    • B

      Hide qinput arrows when type=number
      • bfreed

      4
      1
      Votes
      4
      Posts
      1512
      Views

      bjbk

      Just a note: Be sure the style is not scoped to your component.
      In Electron this works:

      <style> input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } </style>

      But, <style scoped>…</style> doesn’t.

      Scoping the style appears to work in browsers, but failed for me in Electron.

    • T

      ACCESSIBILITY - Web Content Accessibility Guidelines (WCAG)
      • ted

      12
      0
      Votes
      12
      Posts
      880
      Views

      dobbel

      @dsl101

      I agree, you could create feature request in github:
      https://github.com/quasarframework/quasar/issues

      or open a new discussion about it on the new forum( this forum is dead):
      https://github.com/quasarframework/quasar/discussions