Skip to content
  • Categories
  • Recent
  • Tags
  • Popular
  • Users
  • Groups
  • Search
  • Get Qt Extensions
  • Unsolved
Collapse
Brand Logo
  1. Home
  2. Qt Development
  3. General and Desktop
  4. QML round edges in scrollbar
Qt 6.11 is out! See what's new in the release blog

QML round edges in scrollbar

Scheduled Pinned Locked Moved Solved General and Desktop
3 Posts 2 Posters 464 Views 1 Watching
  • 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.
  • N Offline
    N Offline
    NewPony
    wrote on last edited by
    #1

    Re: Scrollbar handle with rounded edges?

    Hello @ll
    i have a similar problem to the one in the link above just in qml and not css/stylsheets.
    In qml I have angular edges when using a scrollbar.
    Has anybody any Idea how i cant get the edges round?

    Greetings

    JoeCFDJ 1 Reply Last reply
    0
    • N NewPony

      Re: Scrollbar handle with rounded edges?

      Hello @ll
      i have a similar problem to the one in the link above just in qml and not css/stylsheets.
      In qml I have angular edges when using a scrollbar.
      Has anybody any Idea how i cant get the edges round?

      Greetings

      JoeCFDJ Offline
      JoeCFDJ Offline
      JoeCFD
      wrote on last edited by
      #2

      @NewPony add something like the following to your qml code

              ScrollBar.vertical: ScrollBar {
                  id: scrollBar
                  anchors.right: parent.right
      
                  // Gutter/Trough
                  background: Rectangle {
                      id:  gutter
                      color: 
                  }
      
                  // Scroll Thumb
                  contentItem: Rectangle {
                      id: thumb
                      radius: width / 2
                      color: 
                  }
              }
      
      N 1 Reply Last reply
      1
      • JoeCFDJ JoeCFD

        @NewPony add something like the following to your qml code

                ScrollBar.vertical: ScrollBar {
                    id: scrollBar
                    anchors.right: parent.right
        
                    // Gutter/Trough
                    background: Rectangle {
                        id:  gutter
                        color: 
                    }
        
                    // Scroll Thumb
                    contentItem: Rectangle {
                        id: thumb
                        radius: width / 2
                        color: 
                    }
                }
        
        N Offline
        N Offline
        NewPony
        wrote on last edited by NewPony
        #3

        @JoeCFD
        wow thanks. works like a charm. Very easy to implement!!
        thank you :-) and have a nice day!

        1 Reply Last reply
        0
        • N NewPony has marked this topic as solved on

        • Login

        • Login or register to search.
        • First post
          Last post
        0
        • Categories
        • Recent
        • Tags
        • Popular
        • Users
        • Groups
        • Search
        • Get Qt Extensions
        • Unsolved