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. suleiman_as
    S
    • Profile
    • Following 1
    • Followers 1
    • Topics 1
    • Posts 42
    • Best 10
    • Groups 0

    suleiman_as

    @suleiman_as

    11
    Reputation
    3
    Profile views
    42
    Posts
    1
    Followers
    1
    Following
    Joined Last Online

    suleiman_as Follow

    Best posts made by suleiman_as

    • Tip: PurgeCSS works perfectly with Quasar

      Hello Everyone,
      I just want to share my results after so many failed attempts to integrate purgecss with webpack. I only managed to make it work after the build, so this is my idea:

      • install purgecss globally
      npm install -g purgecss
      
      • add purgecss --config ./purgecss.config.js in the scripts after the build
      "scripts": {
          "build": "quasar build && purgecss --config ./purgecss.config.js"
      }
      
      • make a purgecss.config.js file and just whitelist what I need
      module.exports = {
        content: ["./dist/spa/js/*.js"],
        css: ["./dist/spa/css/*.css"],
        output: ["./dist/spa/css/"],
        fontFace: true,
        keyframes: true,
        variables: true,
        rejected: true,
        safelist: {
          standard: [/fixed-.*/, /absolute-.*/, /q-btn.*/, /justify-.*/]
        }
      };
      

      Thats it…

      posted in Useful Tips (NEW)
      S
      suleiman_as
    • RE: Button blink/flash/flick when click another button

      @larskuerten You are right i can see it in chrome, I’ll get back to you

      posted in Help
      S
      suleiman_as
    • RE: How to use CopyWebPackPlugin in Quasar

      @stanley
      if you mean that you want to change the build dist path, you can add distDir property in the build config.

      in quasar.conf.js

      module.exports = function(ctx) {
        return {
          ...
          build: {
            ...
            distDir: "./path/to/target/folder/relative/to/quasar.conf.js",
            ...
          }
          ...
        }
      }
      
      posted in Framework
      S
      suleiman_as
    • RE: Button blink/flash/flick when click another button

      @larskuerten after a fresh install locally it works fine. the problem comes from codesandbox.io browser itself
      preview your link directly: https://2nt0e.sse.codesandbox.io/
      it’s fine

      posted in Help
      S
      suleiman_as
    • RE: How to use CopyWebPackPlugin in Quasar

      @jmriyaz84 Any time, glad to help

      –
      Quasar === THE BEST

      posted in Framework
      S
      suleiman_as
    • RE: [solved] Confused about if I'm on Quasar v1 or v2...IE11 Support...

      don’t waste your time with IE support, don’t even think about IE
      even the old enterprise&companies are moving on. IE NO MORE

      posted in Help
      S
      suleiman_as
    • RE: How to use CopyWebPackPlugin in Quasar

      @jmriyaz84 You can add me on discord same username or here , you’re welcome anytime.

      check this out
      https://cloud.google.com/speech-to-text

      posted in Framework
      S
      suleiman_as
    • RE: Table popup-edit and selection

      @xdesai You can delete:
      <template v-slot:body-selection=“scope”>
      <q-checkbox v-model=“scope.selected” />
      </template>

      and add the checkbox in body slot - under q-tr

      <template v-slot:body="props">
          <q-tr :props="props">
              <q-td>
                  <q-checkbox v-model="props.selected"/>
              </q-td>
              ...
          </q-tr>
      </template>
      
      posted in Help
      S
      suleiman_as
    • RE: Injecting custom js lib into Vue instance

      @seriusrod You are clicking the btn on the client side, at that time the method 'll be working on the client only. while in the boot file you’re injecting $myWrapper to the server instance it’s another instance

      posted in Help
      S
      suleiman_as
    • RE: Can I modify a button when iterating?

      @wpq You could setup a method and pass the tag or index onclick and set it from the method.
      Edit: and don’t forget the :key

      posted in Help
      S
      suleiman_as

    Latest posts made by suleiman_as

    • RE: overwrite quasar component/elements with our own css

      @rajrana use (!important)

      posted in Framework
      S
      suleiman_as
    • RE: How to use CopyWebPackPlugin in Quasar

      @jmriyaz84 both, you need to create both and test them and see what is easier to manage for you 🙂

      posted in Framework
      S
      suleiman_as
    • RE: Table popup-edit and selection

      @xdesai You can delete:
      <template v-slot:body-selection=“scope”>
      <q-checkbox v-model=“scope.selected” />
      </template>

      and add the checkbox in body slot - under q-tr

      <template v-slot:body="props">
          <q-tr :props="props">
              <q-td>
                  <q-checkbox v-model="props.selected"/>
              </q-td>
              ...
          </q-tr>
      </template>
      
      posted in Help
      S
      suleiman_as
    • RE: overwrite quasar component/elements with our own css

      @rajrana sometimes you need !important

      posted in Framework
      S
      suleiman_as
    • RE: overwrite quasar component/elements with our own css

      @rajrana It’s just css&classes you can overwrite it. try it without scoped or in main style file

      posted in Framework
      S
      suleiman_as
    • RE: How to use the scrolling to the id on the page?

      @hoanganhcit https://forum.quasar-framework.org/post/29456

      posted in Help
      S
      suleiman_as
    • RE: overwrite quasar component/elements with our own css

      @rajrana First check the component’s Api/Props/Style. for other use cases Inspect the html and overwrite by class

      posted in Framework
      S
      suleiman_as
    • RE: Deploy Quasar SSR in digital ocean

      inside /var/www/front/dist/ssr
      run
      npm install
      npm run start

      posted in Help
      S
      suleiman_as
    • RE: How to use CopyWebPackPlugin in Quasar

      @jmriyaz84 You can add me on discord same username or here , you’re welcome anytime.

      check this out
      https://cloud.google.com/speech-to-text

      posted in Framework
      S
      suleiman_as
    • RE: Deploy Quasar SSR in digital ocean

      @murilolivorato Do you realize that you’re trying to serve the ssr folder statically.
      It doesn’t work like that, the app in ssr folder need to be started like any other nodejs app first then goto nginx

      https://quasar.dev/quasar-cli/developing-ssr/deploying

      posted in Help
      S
      suleiman_as