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

    q-input

    Help
    2
    3
    480
    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.
    • G
      glend last edited by

      I am using q-input with outlined but have set all the form inputs to read-only unless the user has rights to update the form. Setting q-input to readonly causes the outline of each q-input to be dotted which is agravating my eyes. Is there any way to keep outlined (without dotted borders) when setting q-input to read only.

      Thank you

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

        You can either try the disable prop, which also gives a visual clue to the user about the field being “locked” or use CSS to change the outline.

        https://codepen.io/smolinari/pen/pooejyZ

        Scott

        1 Reply Last reply Reply Quote 2
        • G
          glend last edited by

          Thanks Scott the css worked a treat.

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