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

QML Vertical TabBar

Scheduled Pinned Locked Moved Unsolved QML and Qt Quick
2 Posts 2 Posters 3.0k 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