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
Forum Updated to NodeBB v4.3 + New Features

QML round edges in scrollbar

Scheduled Pinned Locked Moved Solved General and Desktop
3 Posts 2 Posters 217 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