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

    Checkbox level inside row

    Help
    3
    10
    692
    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.
    • C
      conx last edited by

      Hi
      How make(move) Checkbox to same level like Input using Field inside Row
      https://jsfiddle.net/conx/76krxz5w/5/

      0_1540895846196_Screenshot 2018-10-30 at 12.32.03.png

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

        I’m not exactly sure what you are asking.
        Is it supposed to look like this?
        https://jsfiddle.net/Hawkeye64/76krxz5w/12/

        1 Reply Last reply Reply Quote 0
        • C
          conx last edited by conx

          • “checkbox” and “select” with float-label in different cols but same high in row (sorry my english)
          1 Reply Last reply Reply Quote 0
          • Hawkeye64
            Hawkeye64 last edited by

            That would be very difficult lining them up that way. That’s because the height of the checkbox is different than the height of the select. You could play around with style=height: XXpx;, where XX is some pixel value, but I don’t think you’re going to get what you want. You could even make the q-field a constant height and vertically center inside, but I still don’t think that will achieve the affect you are looking for.

            1 Reply Last reply Reply Quote 0
            • C
              conx last edited by

              ok, height of the checkbox is different but i want just bottom line in same level 🙂

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

                https://jsfiddle.net/yevfwmL0/ Like that?

                Scott

                1 Reply Last reply Reply Quote 1
                • Hawkeye64
                  Hawkeye64 last edited by

                  @s-molinari Looks good!

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

                    Hehe…Thanks @Hawkeye64. My own next complaint would be the lines don’t match. LOL! 😄

                    Scott

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

                      How about this? https://jsfiddle.net/khrd3gy9/

                      Scott

                      1 Reply Last reply Reply Quote 0
                      • C
                        conx last edited by

                        Thanks 🙂

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