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. digiproduct
    • Profile
    • Following 1
    • Followers 0
    • Topics 20
    • Posts 214
    • Best 36
    • Groups 0

    David Watson

    @digiproduct

    41
    Reputation
    134
    Profile views
    214
    Posts
    0
    Followers
    1
    Following
    Joined Last Online
    Location UK

    digiproduct Follow

    Best posts made by digiproduct

    • Quasar Tutorial - Video Course - Free Version and Advanced Version

      As I’ve been learning Quasar, I’ve been watching Danny Connell’s excellent free video training on YouTube.

      He’s got a real great teaching style that makes it easy to learn … and he covers things in such detail that it’s easy to get going using his course.

      You can watch his full FREE YouTube training course at …

      https://www.youtube.com/playlist?list=PLAiDzIdBfy8iu_MZrq3IPuSFcRgCQ0iL0

      If you want something more advanced, he’s just released a more detailed course on Udemy, and it’s currently at a special linka for Quasar users at Udemy …

      Use this link and 50% of the revenue will go to the Quasar Team: https://dannys.link/quasarf

      There’s almost 15 hours of training videos in the course … it’s massive … but, obviously, you can watch them at whatever pace you wish.

      posted in Help
      digiproduct
      digiproduct
    • How to get QSelect to display a label instead of a value

      How do you get QSelect to display the label instead of the value?

      Often you might wish to display the label value of your options in the QSelect rather than the actual value.

      For example, if you have a QSelect for salesRegionId but wish to show the descriptive label of that region. eg.
      Label: North East
      Value: 3

      To get this to work in that way, you need to add two settings to your QSelect

      emit-value
      map-options

      Here’s the example code quickly …

              <q-select
                filled
                v-model="salesRegionID"
                :options="options"
                label="Standard"
                emit-value
                map-options
              ></q-select>
      
      

      and here’s the sample data

            salesRegionID: null,
            options: [
              {
                label: 'North West',
                value: '1'
              },
              {
                label: 'North Central',
                value: '2'
              },
              {
                label: 'North East',
                value: '3'
              },
              {
                label: 'South West',
                value: '4'
              },
              {
                label: 'South Central',
                value: '5',
              },
              {
                label: 'South East',
                value: '6',
              },
            ]
      
      

      You can find a reference to this in the docs at
      https://quasar.dev/vue-components/select#Example--Map-options

      And here’s a codepen, showing the above example if you want to try it out
      https://codepen.io/david-watson-the-encoder/pen/eqNrZz

      posted in Useful Tips (NEW)
      digiproduct
      digiproduct
    • RE: App loading spinner

      Just discovered this old post … it seems like a good idea.

      I notice that it was never implemented in index.tmplate.html

      Was it considered for inclusion and rejected?

      posted in Framework
      digiproduct
      digiproduct
    • RE: OAuth2(Facebook, Instagram, Github) with Hello.js + Quasar Framework

      @wcomnisky That will be perfect for an upcoming project I have planned … thanks for doing that … and also thanks to @patryckx for creating the original work that allowed you to do this translation.

      posted in Useful Tips (NEW)
      digiproduct
      digiproduct
    • RE: Adding and accessing new pages

      @s-molinari said in Adding and accessing new pages:

      Also, if you are just beginning with Vue, I’d suggest you take this course.

      https://www.udemy.com/vuejs-2-the-complete-guide

      It will save you and us a lot of unnecessary questions and answers. 😁

      Scott

      This course is currently available on Udemy at the knockdown price of just 11.99 … for the next 5 days only.

      Just grabbed my copy … it’s a steal.

      I already have some experience of Vue … but this will still be a great reference resource for such a steal of a price.

      posted in Help
      digiproduct
      digiproduct
    • RE: [v1] Quasar 1.0.0-beta.22 released!

      @s-molinari I will probably do so as I develop my usage.

      posted in Announcements
      digiproduct
      digiproduct
    • Responsive Typography

      I was just testing a screen that contained several QList components in a grid.

      As I reduced the size of the screen, the QLists resized accordingly … but none of the text resized at all … even when I reduced the screen width from about 1600 down to about 600.

      Are there no media queries built into the various CSS text classes such as text-h6? I specifically used the Quasar classes thinking that resizing based on media queries would be a built-in … and that it would just work “out of the box”.

      Is there some step I’ve missed during my setup? Or, is it expected that we handle this via our own CSS classes?

      posted in Framework
      digiproduct
      digiproduct
    • RE: OAuth2(Facebook, Instagram, Github) with Hello.js + Quasar Framework

      @patryckx Many thanks for that … I don’t speak any Portugese, but I could figure out most of what you’re doing and Google Translate will help me when I get around to actually implmenting this for myself.

      Again … many thanks.

      posted in Useful Tips (NEW)
      digiproduct
      digiproduct
    • RE: Auto-complete in Sublime Text

      update on this …

      at the suggestion of @metalsadman I installed Vue.js Extension Pack by Hari Shekhar …

      I feel like I’ve died and gone to heaven …

      I LOVE the little line that links the curly brackets at the start and end of the function

      The colours work perfectly for me … and I’m colour-blind in the red/green sector … but the default colours from this package work perfectly for me …

      Thanks, @metalsadman … great suggestion

      posted in Help
      digiproduct
      digiproduct
    • RE: [v1] Quasar 1.0.0-beta.22 released!

      @ and I intend it shout about it “from the rooftops” everywhere I go … I’ve already recommended a developer friend to investigate it.

      posted in Announcements
      digiproduct
      digiproduct

    Latest posts made by digiproduct

    • RE: fluid typography - SOLVED

      @kosirm that RFS package looks very interesting

      posted in Framework
      digiproduct
      digiproduct
    • RE: fluid typography - SOLVED

      @kosirm That https://type-scale.com/ looks very interesting … thanks for posting that link.

      posted in Framework
      digiproduct
      digiproduct
    • RE: Migrating from Nuxt/Vuetify

      @PeterQF There is a Swedish Channel on the Quasar Discord Chat group.

      https://chat.quasar.dev/

      posted in Hangout
      digiproduct
      digiproduct
    • RE: [V1]@quasar/qmedia Dynamic audio source

      @Hawkeye64 you beat me to it by seconds 😁

      posted in [v1] App Extensions
      digiproduct
      digiproduct
    • RE: [V1]@quasar/qmedia Dynamic audio source

      @pavarine I think @Hawkeye64 is probably the best person to advise you on this

      posted in [v1] App Extensions
      digiproduct
      digiproduct
    • RE: Trying to understand QDialog and $refs

      I ran into a similar issue (not using refs though) … because I expected to see my components on my QDiloag in Chrome Dev Tools and couldn’t understand why they did not show.

      By using console.log in mounted of the QDialog, I determined that the components on the QDialog are recreated each time the QDialog is opened … I am opening, closing, and re-opening the QDialog several times hence how I first noticed this.

      I ended up making use of Vuex because of this.

      posted in Framework
      digiproduct
      digiproduct
    • RE: Why does component q-editor always put the focus on the start of the component?

      @mrcalvo If you look at the end of the first paragraph on the Docs page for QEditor, there are links for the MDN docs of the underlying components of the QEditor.

      If you go to those docs, you might find some hints about how you could detect this.

      posted in Help
      digiproduct
      digiproduct
    • Quasar Tutorial - Video Course - Free Version and Advanced Version

      As I’ve been learning Quasar, I’ve been watching Danny Connell’s excellent free video training on YouTube.

      He’s got a real great teaching style that makes it easy to learn … and he covers things in such detail that it’s easy to get going using his course.

      You can watch his full FREE YouTube training course at …

      https://www.youtube.com/playlist?list=PLAiDzIdBfy8iu_MZrq3IPuSFcRgCQ0iL0

      If you want something more advanced, he’s just released a more detailed course on Udemy, and it’s currently at a special linka for Quasar users at Udemy …

      Use this link and 50% of the revenue will go to the Quasar Team: https://dannys.link/quasarf

      There’s almost 15 hours of training videos in the course … it’s massive … but, obviously, you can watch them at whatever pace you wish.

      posted in Help
      digiproduct
      digiproduct
    • How to get QSelect to display a label instead of a value

      How do you get QSelect to display the label instead of the value?

      Often you might wish to display the label value of your options in the QSelect rather than the actual value.

      For example, if you have a QSelect for salesRegionId but wish to show the descriptive label of that region. eg.
      Label: North East
      Value: 3

      To get this to work in that way, you need to add two settings to your QSelect

      emit-value
      map-options

      Here’s the example code quickly …

              <q-select
                filled
                v-model="salesRegionID"
                :options="options"
                label="Standard"
                emit-value
                map-options
              ></q-select>
      
      

      and here’s the sample data

            salesRegionID: null,
            options: [
              {
                label: 'North West',
                value: '1'
              },
              {
                label: 'North Central',
                value: '2'
              },
              {
                label: 'North East',
                value: '3'
              },
              {
                label: 'South West',
                value: '4'
              },
              {
                label: 'South Central',
                value: '5',
              },
              {
                label: 'South East',
                value: '6',
              },
            ]
      
      

      You can find a reference to this in the docs at
      https://quasar.dev/vue-components/select#Example--Map-options

      And here’s a codepen, showing the above example if you want to try it out
      https://codepen.io/david-watson-the-encoder/pen/eqNrZz

      posted in Useful Tips (NEW)
      digiproduct
      digiproduct
    • RE: Barcode reader with javascript only.

      @patryckx Second Razvan’s request … an App Extension of this would be a great idea.

      posted in Useful Tips (NEW)
      digiproduct
      digiproduct