Navigation

    Quasar Framework

    • Register
    • Login
    • Search
    • Categories
    • Recent
    • Tags
    • Popular
    • Users
    • Groups
    • Search

    [Solved] [V1] QInput property "upper-case" is missing

    Framework
    2
    10
    447
    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.
    • S
      Stanley last edited by Stanley

      Hi Quasar team,

      Could you please check it?

      Best Regards,
      Stanley

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

        @Stanley you can use css helpers https://quasar.dev/style/typography#CSS-Helper-Classes or mask https://quasar.dev/vue-components/input#Mask. Check upgrade guide too if youre migrating from old quasar version https://quasar.dev/start/upgrade-guide#QInput.

        S 2 Replies Last reply Reply Quote 0
        • S
          Stanley @metalsadman last edited by

          @metalsadman Yes, it works now. Thanks!

          1 Reply Last reply Reply Quote 0
          • S
            Stanley @metalsadman last edited by Stanley

            @metalsadman I just found another issue, it only changes the display format. However, I would like to change the internal format as well.
            For example, I input something like aaaBBB, it displays as AAABBB, however, the internal format is still aaaBBB. I would like to change it to uppercase AAABBB.
            Do you have any suggestion, thanks!

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

              @Stanley <q-input filled v-model="id" label="Special ID" mask="A" reverse-fill-mask ></q-input> or mask="X" for alphanumeric. https://codepen.io/metalsadman/pen/ZdKjqj?editors=1011

              S 1 Reply Last reply Reply Quote 0
              • S
                Stanley @metalsadman last edited by

                @metalsadman Thanks for your quick response. But I am afraid it still does not meet my requirement. In your case, it can not input symbols. I would like to input anything and convert letters to uppercase. Can we do it?

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

                  @Stanley yeah just ignore all those and use javascript String toUpperCase <q-input @input="val => { yourModel = val.toUpperCase() }" .... />. updated the pen https://codepen.io/metalsadman/pen/ZdKjqj?editors=1011.

                  S 1 Reply Last reply Reply Quote 0
                  • S
                    Stanley @metalsadman last edited by

                    @metalsadman Yes, it can be a workaround. By the way, could you please add this requirement in the future release, then I can wait for the next release.

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

                      you could post it as feature request, tho you can just extend q-input and add this functionality your self.

                      S 1 Reply Last reply Reply Quote 0
                      • S
                        Stanley @metalsadman last edited by

                        @metalsadman Thanks for your help!

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