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. Tags
    3. q-input
    Log in to post
    • R

      How do I get a mask token as part of the prop mask value?
      Help • mask q-input • • rhscjohn

      6
      0
      Votes
      6
      Posts
      594
      Views

      beets

      @rhscjohn Personally I’d go for the qinput with suffix slot (and number type), as you want to signal to users that they’re entering pixels. And you don’t really require or expect them to have to type ‘px’ themselves. Again just note that whenever you want to use the value, just use this.value + 'px' instead.

    • L

      q-input change text color and change label color permanently
      Help • label-color q-form q-input text-color • • LouisD135

      3
      0
      Votes
      3
      Posts
      1471
      Views

      L

      @beets label-color doesn’t seem to change anything but the dark tag makes the labels white while not selected which is fine would be nice if there was a way to change the color of an unselected label though. Thanks a lot for your help 🙂

    • K

      trigger a context menu in a q-input textarea when selecting text
      Help • events q-input q-menu • • kimgerdes

      4
      0
      Votes
      4
      Posts
      918
      Views

      qyloxe

      @kimgerdes said in trigger a context menu in a q-input textarea when selecting text:

      Do you have any idea how I could do that?

      Nope. Nothing easy and portable comes to mind.

      Writing myself routines for proper selection handling, mixing it with dnd, ensuring that it works smoothly and doesn’t break browser behaviours, is imho big time overkill. Would rather prefer to use something ready and maintained.

    • danielcommesse

      [Solved] QInput fill-mask attribute fills model.
      Help • mask q-input • • danielcommesse

      7
      0
      Votes
      7
      Posts
      1057
      Views

      danielcommesse

      @metalsadman Oh yes, it works!!!, damn Quasar is absolutely great!!!

      Thank you very much @metalsadman.

    • B

      QInput - prevent Android's soft keyboard from showing automatically
      Help • android keyboard q-input qdate qinput • • btree

      4
      0
      Votes
      4
      Posts
      1031
      Views

      metalsadman

      @btree there might be, but that would be a hack, qinput uses native input internally, keyboard popping on mobile is normal behavior so, you will have to search out there how to do that.

    • M

      Unit testing and simulating input
      Framework • q-input testing vue-test-utils • • maxant

      18
      0
      Votes
      18
      Posts
      4080
      Views

      A

      @charlieknoll
      So what is happening is that I can’t use the trigger, setValue on the Quasar components:

      Apparently it can’t run because it’s a Quasar component, if I put a <button> it works.
      494c4781-694f-4903-a9d7-043ab3b517d9-image.png

      af66e3a7-c6b2-4940-842b-7e2e2e6d8ef0-image.png

    • Jezzta667

      QInput does not update when cleared
      Framework • computed q-input v-model • • Jezzta667

      4
      0
      Votes
      4
      Posts
      984
      Views

      Jezzta667

      @Theo this is what I ended up implementing

      methods: { input (newValue) { if (newValue !== '') { newValue = parseInt(newValue) } else { newValue = null } this.$emit('change', newValue) } }
    • L

      Problem with q-input and type number
      Framework • q-input • • leoprada

      2
      0
      Votes
      2
      Posts
      533
      Views

      G

      Can you paste a snippet showing what you mean? Depending on what you are trying to do and how it’s bound, you may need to use @input or @input.native instead of @change.

    • A

      <q-input /> with float-label has no margin or padding top
      Framework • q-input • • abdelaziz18003

      5
      0
      Votes
      5
      Posts
      1596
      Views

      A

      thanks @a47ae @benoitranque @mitchellmonaghan … I didn’t see that the default margin in removed in 0.15 and I thought there is something wrong with me. problem solved. Thanks

    • a47ae

      Placing buttons after QField
      Help • button css form q-input styling • • a47ae

      1
      0
      Votes
      1
      Posts
      1430
      Views

      No one has replied

    • J

      Changing size of text within q-input
      Help • font-size q-input • • jeffc

      5
      0
      Votes
      5
      Posts
      6354
      Views

      benoitranque

      Add the following in your styles

      .zip-input input { height: 50px; }