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
    • J

      [Solved] Access environment in index.template.html ?
      environment • • jitendra16

      2
      0
      Votes
      2
      Posts
      16
      Views

      J

      Solved it by “htmlWebpackPlugin.options.process.env.isdev”

      my quasar.conf includes following

      env: ctx.dev ? { // so on dev we'll have isdev: true } : { // and on build (production): isdev: false }
    • J

      For navigation, how to get selected row index in q-table
      • jove4015

      6
      -1
      Votes
      6
      Posts
      41
      Views

      J

      That index doesn’t help me - when someone sorts the data in a different direction or types into the search box to add a filter, the “data” array stays the same but the order of rows changes. I need the current row index in the UI, not the data set.

    • A

      QCard with media content does not accommodate the text lenght
      • adi_dragomir

      3
      0
      Votes
      3
      Posts
      28
      Views

      A

      Thank you very much, that was the solution !

    • S

      This topic is deleted!
      • sdadtechnology

      1
      0
      Votes
      1
      Posts
      3
      Views

      No one has replied

    • T

      New control request
      • tdumitr

      4
      0
      Votes
      4
      Posts
      67
      Views

      S

      selectFolder (title = 'Select directory...') { const { remote } = require('electron') var dialog = remote.dialog var browserWindow = remote.getCurrentWindow() var options = { title: title, properties: ['openDirectory'] } const openDialog = dialog.showOpenDialog(browserWindow, options) openDialog.then(result => { console.log(result.canceled) console.log(result.filePaths) }).catch(err => { console.log(err) }) },
    • J

      q-dialog accidental 'enter' key press issue
      q-dialog • • jitendra16

      4
      0
      Votes
      4
      Posts
      36
      Views

      J

      @s-molinari Can we set autofocus to ‘cancel’ instead of ‘ok’ so that accidental ‘enter’ keypress event can be treated as cancelled.

    • D

      multiple customized checkbox
      • deer

      13
      0
      Votes
      13
      Posts
      63
      Views

      D

      Hi @beets , I actually faced a problem regarding the customized checkbox. I want to make one of my checkboxes to have multiple colors with linear-gradient.I don’t know how to give that value to my checkbox. In this code you can see I try to give the fourth checkbox a linear-gradient value but it seems the app can not distinguish that. Can you please help me how to solve this issue?
      Thanks in advance for your help:)

    • D

      This topic is deleted!
      • digiparker

      1
      0
      Votes
      1
      Posts
      5
      Views

      No one has replied

    • T

      select text with mouse-drag triggers .non-selectable class on body class
      • tandrew

      3
      0
      Votes
      3
      Posts
      37
      Views

      T

      @dobbel first of all thanks for attending to this. I found the solution to this problem and am posting this here for others in case they run into the same issue.

      The culprit here was that the property swipeable was set on the tag q-tab-panels. It makes sense that this would cause selecting items would result in the described symptom as mouse movement needs to be observed and swipe initiated.

      Removing the property solved it.

      Happy.

    • A

      QTab size
      qtab size • • adi_dragomir

      5
      0
      Votes
      5
      Posts
      42
      Views

      A

      Yes, you are right.
      Thank you.

    • S

      Qusar not launching
      • sastry

      5
      0
      Votes
      5
      Posts
      27
      Views

      S

      @dobbel Sure i will decrease node version… thank you

    • W

      Why is Stylus (and Stylus variables) deprecated?
      • walfin

      3
      0
      Votes
      3
      Posts
      48
      Views

      s.molinari

      Sass is much, much more popular in the frontend world and why it was chosen as the primary css parser.

      Scott

    • shiba

      Regarding history mode.
      • shiba

      3
      0
      Votes
      3
      Posts
      44
      Views

      shiba

      I made a mistake.
      The problem was that the routing file is wrong.
      thanks.

    • S

      [Solved] QInput How to adjust the top/bottom padding if it is without a label
      • Stanley

      8
      0
      Votes
      8
      Posts
      59
      Views

      G

      Yes its work fine, thanks

    • S

      Is there a dense plugin which can set dense globally?
      • Stanley

      2
      0
      Votes
      2
      Posts
      24
      Views

      dobbel

      @stanley

      There’s no nice easy way to set Quasar in global dense mode.

      Here’s a thread with some ‘solutions’:
      https://forum.quasar-framework.org/topic/6935/is-there-proper-way-to-set-default-values-to-component-props

      Here’s some more info and ideas:
      https://stackoverflow.com/questions/57493900/how-to-extend-vue-component-with-default-values-for-props-and-slots

    • T

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

      4
      0
      Votes
      4
      Posts
      294
      Views

      dobbel

      @gunturhakim

      Looks really nice!

      Could you post what you had to do to use Quasar components in an existing Nuxt.js app?

    • P

      get in-app purchase working with cordova-plugin-purchase
      cordova in-app purchase • • pankaj

      2
      0
      Votes
      2
      Posts
      20
      Views

      W

      @pankaj I have gotten it working already.

      cordova plugin add cordova-plugin-purchase.

      Here is my boot file:

      import productIds from '../utils/productIds'; export default ()=>{ if(process.env.MODE!=='cordova')return; if(!window.store){ console.log('Store not available'); return; } store.validator='https://validator.fovea.cc/v1/validate?appName=...&apiKey=...'; productIds.forEach(id=>{ store.register({ id, type:id.endsWith('_single')?store.CONSUMABLE:store.PAID_SUBSCRIPTION }); store.when(id).approved(product=>product.verify()).verified(product=>product.finish()); }); store.error(error=>{ console.log(error); store.refresh(); }); store.refresh(); };

      And in my store component page I just call

      store.order(product);

      I also used PayPal for the equivalent purchases in electron.

    • G

      Quasar UMD 2.0.0 + Vite
      • g_hult

      1
      0
      Votes
      1
      Posts
      136
      Views

      No one has replied

    • C

      Q-input hidding the clock
      datatable • • codethirsty

      3
      0
      Votes
      3
      Posts
      34
      Views

      C

      @dobbel said in Q-input hidding the clock:

      input[type=“time”]::-webkit-calendar-picker-indicator {
      background: none;
      }

      thanks @dobbel . I couldn’t reach that class. Now thanks to you i got the bull by the horns. With

      background:none;

      the place where the clock was is still used. So I used

      input[type="time"]::-webkit-calendar-picker-indicator { display: none; }

      and the space is displayed no more. Thanks again!

    • S

      Caching Images in cordova mode
      • Sheejavarghese6

      6
      1
      Votes
      6
      Posts
      106
      Views

      dobbel

      @anandtripathi

      Did you try as suggested:
      https://github.com/triniwiz/capacitor-image-cache

      I found this for cordova:
      https://github.com/chrisben/imgcache.js/