Important: Please read the Qt Code of Conduct - https://forum.qt.io/topic/113070/qt-code-of-conduct

QML Vertical TabBar



  • Re: Vertical TabBar

    Hi there!
    I know it is too late but i found it very simple.
    Just size the TabBar vertically, then place TabButtons vertically inside the TabBar by using anchors.

    TabBar{
           width: firstBtn.width
           height: width *2 + spacing
           spacing: 5
    
           TabButton{
           id: firstBtn
           width: parent.width
           height: width
           anchors.horizontalCenter: parent.horizontalCenter
           }
    
           TabButton{
           id: secondBtn
           width: parent.width
           height: width
           anchors.horizontalCenter: parent.horizontalCenter
           anchors.top: firstBtn.bottom
           anchors.topMargin: parent.spacing
           }
    }
    


  • hello , I try it , but in this way , the Flickable feature of tabBar cannot be used in vertical.


Log in to reply