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

    read-only q-input border style, and q-input/q-date behavior

    Help
    3
    3
    1216
    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.
    • J
      jeffatpf last edited by

      1. A ‘read-only’ q-input has a dashed border. I’d like the border to be solid black. Any help changing the styling would be greatly appreciated.

      2. The real purpose of this is that we are using a q-input with q-date and we want the date selected by q-date and displayed within the q-input, without the ability to change it (read only) within the q-input. But, the readonly attribute on q-input is really only an attempt to get the behavior we’d like. It would be better if there were some way to popup q-date when a user clicks on the input (when it gets focus). Any ideas?

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

        depending on what type of input you use ( this uses standard https://quasar.dev/vue-components/input#Standard ). So change classes if needed.

        1. https://codepen.io/ontwikkelfabriek/pen/yLOyyGN
        1 Reply Last reply Reply Quote 0
        • metalsadman
          metalsadman last edited by

          @jeffatpf you can just also use a qfield https://quasar.dev/vue-components/field

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