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

    It's posible override mask mixin

    Framework
    4
    11
    755
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • W
      wfpaisa last edited by

      Hi guys, I need to generate custom masks, in the mixin mask.js there are some predefined masks, but I need to extend to other types of masks, like one that allows spaces and or dashes, it is possible to override this mixin?

      const TOKENS = {
        T: { pattern: '[a-zA-Z- ]', negate: '[^a-zA-Z- ]' },
      ...
      
      1 Reply Last reply Reply Quote 0
      • s.molinari
        s.molinari last edited by

        You can make any mask you’d like.

        Scott

        1 Reply Last reply Reply Quote 0
        • W
          wfpaisa last edited by

          thank you @s-molinari for responding, could you please guide me on how best to do so.

          1 Reply Last reply Reply Quote 0
          • s.molinari
            s.molinari last edited by

            https://quasar.dev/vue-components/input#Mask

            Scott

            1 Reply Last reply Reply Quote 0
            • labs20
              labs20 last edited by

              Is there are any example, or do you have any tips in order to make a currency mask using only quasar?

              For example, typing from 99 to 999999999 should mask like “R$ 0,99” to “R$ 9.999.999,99”.

              I couldn’t figure it out so I made my own mask function listening to @input, which comes with an inconvenience: if you for some reason has to mess with the debounce prop up (like 2000), the mask will also wait for 2 secs for apply.

              It would be nice if mask prop could take a function pointer that would be called independent (and before) the input event, so you could just pipe in your custom mask logic.

              Thanks.

              1 Reply Last reply Reply Quote 0
              • s.molinari
                s.molinari last edited by

                For that you’d need this AE.

                https://qdecimal.netlify.app/#/

                Scott

                1 Reply Last reply Reply Quote 0
                • labs20
                  labs20 last edited by

                  impressive. Thanks!

                  1 Reply Last reply Reply Quote 0
                  • dobbel
                    dobbel last edited by

                    a ‘secret’ quasar plugin! I wonder what other alpha/beta quasar plugins there are…

                    found one , a static site generator : https://github.com/freddy38510/quasar-app-extension-ssg

                    Is there an overview of beta/alpha quasar plugins? Could be useful for people testing them…

                    1 Reply Last reply Reply Quote 0
                    • s.molinari
                      s.molinari last edited by

                      Unfortunately no. We don’t yet have a library of references to non-official App Extensions (we don’t call them plugins 🙂 ). I believe we’ll be working on that for or during the life of v2 of Quasar though (but don’t quote me on that). 🙂

                      Scott

                      1 Reply Last reply Reply Quote 0
                      • W
                        wfpaisa last edited by wfpaisa

                        Hi, I use v-money, but qdecinal plugin looks better.

                        @s-molinari I understand the documentation in which I can use :

                        #	Numeric
                        S	Letter, a to z, case insensitive
                        N	Alphanumeric, case insensitive for letters
                        A	Letter, transformed to uppercase
                        a	Letter, transformed to lowercase
                        X	Alphanumeric, transformed to uppercase for letters
                        x	Alphanumeric, transformed to lowercase for letters
                        

                        But if I need to use alphanumeric with spaces this doesn’t work for me, so I ask if it is possible to over-write or customize the mask with other characters, thank you, for responding 🙂

                        1 Reply Last reply Reply Quote 0
                        • s.molinari
                          s.molinari last edited by

                          No. It’s not possible to make custom mask options. You’d need some third party option.

                          Scott

                          1 Reply Last reply Reply Quote 0
                          • First post
                            Last post