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. charlieknoll
    C
    • Profile
    • Following 0
    • Followers 0
    • Topics 0
    • Posts 7
    • Best 2
    • Groups 0

    charlieknoll

    @charlieknoll

    3
    Reputation
    1
    Profile views
    7
    Posts
    0
    Followers
    0
    Following
    Joined Last Online

    charlieknoll Follow

    Best posts made by charlieknoll

    • RE: Trying to implement Vue PWA Install

      I have a site using Quasar/PWA, here’s the source code:

      https://github.com/charlieknoll/photo-frame-pwa

      and here are some dev tips:

      https://github.com/charlieknoll/photo-frame-pwa/blob/master/src/markdown/readme-dev.md

      posted in Help
      C
      charlieknoll
    • RE: Q-carousel-slide does not show until clicked on or swiped

      @dietbepis1 You got it, you set v-model=“slide” and in your data you set slide to ‘style’. It looks like it should be a value such as review.rdate if you want the slide index to start at a particular slide.

      posted in Help
      C
      charlieknoll

    Latest posts made by charlieknoll

    • RE: How to change duration of transition on q-carousel?

      I created custom transition css for a 3 second transition (I’m not sure if all of the css is necessary):

      <style>
      .q-carousel__slide {
        min-height: 100%;
        background-size: contain;
        background-position: 50%;
        background-repeat: no-repeat;
      }
      .q-carousel__slides-container {
        height: 100%;
        background-color: black;
      }
      
      .q-transition--slide-fade-enter-active {
        transition: all 3s cubic-bezier(0.33, 1, 0.68, 1);
      }
      .q-transition--slide-fade-leave-active {
        transition: all 3s cubic-bezier(0.32, 0, 0.67, 0);
      }
      .q-transition--slide-fade-enter,
      .q-transition--slide-fade-leave-to {
        opacity: 0;
        position: absolute;
      }
      </style>
      

      Then set your props on the carousel:

            transition-next="slide-fade"
            transition-prev="slide-fade"
      
      

      Also, be sure to have animations turned on in your OS.

      posted in Help
      C
      charlieknoll
    • RE: Unit testing and simulating input

      Can you get a reference to the element running this in your console?

      document.querySelector("input[name='email']")
      
      posted in Framework
      C
      charlieknoll
    • RE: Q-carousel-slide does not show until clicked on or swiped

      @dietbepis1 You got it, you set v-model=“slide” and in your data you set slide to ‘style’. It looks like it should be a value such as review.rdate if you want the slide index to start at a particular slide.

      posted in Help
      C
      charlieknoll
    • RE: Unit testing and simulating input

      I think you may need to put email in quotes:

      "input[name='email']"
      
      posted in Framework
      C
      charlieknoll
    • RE: Trying to implement Vue PWA Install

      I have a site using Quasar/PWA, here’s the source code:

      https://github.com/charlieknoll/photo-frame-pwa

      and here are some dev tips:

      https://github.com/charlieknoll/photo-frame-pwa/blob/master/src/markdown/readme-dev.md

      posted in Help
      C
      charlieknoll
    • RE: How to debug Quasar Electron App with VS Code?

      I found it helpful to View-Reload the electron app if you have breakpoints in the quasar/vue part of the app. This is some notes I took down for a vue/electron project. Maybe it will help: https://gist.github.com/charlieknoll/a2ee69befa846e17b69bdea12474cd73

      posted in Help
      C
      charlieknoll
    • RE: debugging nightmare - how to disable babel async/await transpiling

      I feel your pain. I was able to get “sane” async debugging working in vscode using this in babel.config.js (I’m sure there is a better way):

      module.exports = {
        presets: [
          [
            '@babel/preset-env',
            {
              targets: {
                chrome: 78
              }
            }
          ]
        ],
        plugins: [['@babel/plugin-proposal-class-properties']]
      }
      
      
      posted in Help
      C
      charlieknoll