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-splitter hide scrollbar y

    Framework
    3
    4
    553
    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
      thescript last edited by

      Is there a way to hide y scrollbar of a vertical splitter? In this scenario, the content of each splitter area is a q-table,
      please see attached sample screenshot, the outside scrollbar should be hidden. thanks!

      79cd213b-82f1-476e-9876-269d8b76f531-image.png

      1 Reply Last reply Reply Quote 0
      • S
        studio511 last edited by

        hi i am trying to achieve the same and i figured that one way is to hide the overflow. So in my split i only want to hide the q-splitter after.
        In sass: it could be configured to:
        .q-splitter__after
        {
        overflow: hidden;
        }.
        However, i do not know how to put this in my script (not versed in style/css editing).
        Have you got a solution?

        S 1 Reply Last reply Reply Quote 0
        • S
          studio511 @studio511 last edited by

          ok thats what i did eventually:
          <style lang=“sass”>
          .q-splitter
          &__before
          overflow: auto
          &__after
          overflow: hidden
          </style>

          1 Reply Last reply Reply Quote 0
          • M
            matejmohar last edited by

            I had same problem. Fist, check what causes this then solve the problem with overflow. To disable the splitter’s vertical scroll is one “solution”, but more importantly, you should check which element causes overflow and then fix the styling problem there.

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