Skip to content
  • Categories
  • Recent
  • Tags
  • Popular
  • Users
  • Groups
  • Search
  • Get Qt Extensions
  • Unsolved
Collapse
Brand Logo
  1. Home
  2. Qt Development
  3. QML and Qt Quick
  4. QML Vertical TabBar
QtWS25 Last Chance

QML Vertical TabBar

Scheduled Pinned Locked Moved Unsolved QML and Qt Quick
2 Posts 2 Posters 2.9k Views
  • 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.
  • NoWhereMan1979N Offline
    NoWhereMan1979N Offline
    NoWhereMan1979
    wrote on last edited by
    #1

    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
           }
    }
    
    1 Reply Last reply
    0
    • T Offline
      T Offline
      tiantian_kaixin
      wrote on last edited by
      #2

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

      1 Reply Last reply
      1

      • Login

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