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

    Multiple ranges on the same line using DoubleRange

    Help
    3
    3
    857
    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.
    • T
      taiwanese2001 last edited by

      Hello, I have an interest in using DoubleRange, http://quasar-framework.org/components/double-range.html , but I want to be able to put multiple ranges on the same line. It doesn’t look like there’s any support out of the box. I was wondering if other people have had this issue and what they did to resolve it.

      1 Reply Last reply Reply Quote 0
      • rstoenescu
        rstoenescu Admin last edited by

        Of course there is. Use a <div class="row items-center"> <q-double-range....> <q-double-range....> </div>. You can even throw in a sm-column to make it responsive.

        1 Reply Last reply Reply Quote 0
        • G
          gathiu last edited by

          Hi there … seems now-days even the double-range is not present, as was renamed/split to slider/range (am I right?).
          Anyway, I like this setup, but also missing an option to actually have more ranges within one QRange. e.g. to be able to set intervals/limits like: 0 - 20 - 50 - 80 - 100
          Using multiple QRanges in one div is a way, but loosing the “proportionality” when having e.g. 0 - 100 - 900 - 1000 …
          Thanks for any idea here …

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