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. How do I hide the window title bar from QDockWidget
Forum Updated to NodeBB v4.3 + New Features

How do I hide the window title bar from QDockWidget

Scheduled Pinned Locked Moved Unsolved General and Desktop
window titleqdockwidget
34 Posts 7 Posters 11.2k Views 4 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.
  • T Offline
    T Offline
    tIk90wT
    wrote on 5 Jul 2020, 16:10 last edited by tIk90wT 7 May 2020, 16:37
    #11

    If you only need it hide it from visibility, you could try to use the stylesheet to set dock widget title as the same color as the background. Customize dock widget. I'll post some pyside2 code to show what I mean.....

    1 Reply Last reply
    1
    • T Offline
      T Offline
      tIk90wT
      wrote on 5 Jul 2020, 16:48 last edited by
      #12

      I'm not able to reproduce the title bar as shown in this picture without knowing your code. picture. By default, I get no background. But here is the code

      import sys
      from PySide2.QtWidgets import QMainWindow, QWidget, QLabel, QDockWidget, QTabWidget, QApplication
      
      
      class MainWindow(QMainWindow):
          def __init__(self):
              super(MainWindow, self).__init__()
      
              self.t1 = QLabel("tab 1")
              self.t2 = QLabel("tab 2")
              self.tabWidget = QTabWidget()
              self.tabWidget.addTab(self.t1, "Tab 1")
              self.tabWidget.addTab(self.t2, "Tab 2")
      
              self.dockWidget = QDockWidget()
              self.dockWidget.setWidget(self.tabWidget)
      
              self.dockWidget.setStyleSheet("QDockWidget:title {background-color: none;}")
      
              self.setCentralWidget(self.dockWidget)
      
      
      if __name__ == '__main__':
          app = QApplication(sys.argv)
          mw = MainWindow()
          mw.show()
          sys.exit(app.exec_())
      
      L 1 Reply Last reply 5 Jul 2020, 17:51
      1
      • T tIk90wT
        5 Jul 2020, 16:48

        I'm not able to reproduce the title bar as shown in this picture without knowing your code. picture. By default, I get no background. But here is the code

        import sys
        from PySide2.QtWidgets import QMainWindow, QWidget, QLabel, QDockWidget, QTabWidget, QApplication
        
        
        class MainWindow(QMainWindow):
            def __init__(self):
                super(MainWindow, self).__init__()
        
                self.t1 = QLabel("tab 1")
                self.t2 = QLabel("tab 2")
                self.tabWidget = QTabWidget()
                self.tabWidget.addTab(self.t1, "Tab 1")
                self.tabWidget.addTab(self.t2, "Tab 2")
        
                self.dockWidget = QDockWidget()
                self.dockWidget.setWidget(self.tabWidget)
        
                self.dockWidget.setStyleSheet("QDockWidget:title {background-color: none;}")
        
                self.setCentralWidget(self.dockWidget)
        
        
        if __name__ == '__main__':
            app = QApplication(sys.argv)
            mw = MainWindow()
            mw.show()
            sys.exit(app.exec_())
        
        L Offline
        L Offline
        lansing
        wrote on 5 Jul 2020, 17:51 last edited by
        #13

        @tIk90wT said in How do I hide the window title bar from QTabWidget:

        QDockWidget:title

        Thanks, I also added border: 0px in the style and the window bar is gone.

        alt text

        However it looks weird with blank space on top and the control is uncomfortable, I missed a few time on my dragging because I missed clicking in the title areas.

        M 1 Reply Last reply 5 Jul 2020, 17:59
        0
        • L lansing
          5 Jul 2020, 17:51

          @tIk90wT said in How do I hide the window title bar from QTabWidget:

          QDockWidget:title

          Thanks, I also added border: 0px in the style and the window bar is gone.

          alt text

          However it looks weird with blank space on top and the control is uncomfortable, I missed a few time on my dragging because I missed clicking in the title areas.

          M Offline
          M Offline
          mrjj
          Lifetime Qt Champion
          wrote on 5 Jul 2020, 17:59 last edited by
          #14

          @lansing
          Yep from a UX standpoint its just confusing.

          L 1 Reply Last reply 5 Jul 2020, 18:13
          0
          • M mrjj
            5 Jul 2020, 17:59

            @lansing
            Yep from a UX standpoint its just confusing.

            L Offline
            L Offline
            lansing
            wrote on 5 Jul 2020, 18:13 last edited by
            #15

            @mrjj

            I tired to move the dockWidgetContents up to make it looks better. I set the geometry of the starting y axis to negative, but it's not having any effect.

            m_ui->dockWidgetContents ->setGeometry(0, -50,
                     m_ui->dockWidgetContents ->width(), m_ui->dockWidgetContents ->height());
            
            
            M 1 Reply Last reply 5 Jul 2020, 18:15
            0
            • L lansing
              5 Jul 2020, 18:13

              @mrjj

              I tired to move the dockWidgetContents up to make it looks better. I set the geometry of the starting y axis to negative, but it's not having any effect.

              m_ui->dockWidgetContents ->setGeometry(0, -50,
                       m_ui->dockWidgetContents ->width(), m_ui->dockWidgetContents ->height());
              
              
              M Offline
              M Offline
              mrjj
              Lifetime Qt Champion
              wrote on 5 Jul 2020, 18:15 last edited by mrjj 7 May 2020, 18:18
              #16

              @lansing
              Do you use a layout inside ?
              that space on top kinda fits with a layout default content margins.

              L 1 Reply Last reply 5 Jul 2020, 18:26
              1
              • M mrjj
                5 Jul 2020, 18:15

                @lansing
                Do you use a layout inside ?
                that space on top kinda fits with a layout default content margins.

                L Offline
                L Offline
                lansing
                wrote on 5 Jul 2020, 18:26 last edited by
                #17

                @mrjj

                My doctwidget layout

                QDockWidget
                ----dockWidgetContents (vertical layout)
                --------QTabWidget
                ------------QTextEdit
                --------QTextEdit
                

                The dockWidgetContents is the layout of the dockWidget.

                M 1 Reply Last reply 5 Jul 2020, 18:28
                0
                • L lansing
                  5 Jul 2020, 18:26

                  @mrjj

                  My doctwidget layout

                  QDockWidget
                  ----dockWidgetContents (vertical layout)
                  --------QTabWidget
                  ------------QTextEdit
                  --------QTextEdit
                  

                  The dockWidgetContents is the layout of the dockWidget.

                  M Offline
                  M Offline
                  mrjj
                  Lifetime Qt Champion
                  wrote on 5 Jul 2020, 18:28 last edited by mrjj 7 May 2020, 18:28
                  #18

                  Ok
                  so on the vertical layout, set its margins to zero and see. default its 12 pixels.
                  Im not sure if that is the case but it could explain the huge gap.
                  setContentsMargins(0,0,0,0);

                  L 1 Reply Last reply 5 Jul 2020, 18:47
                  1
                  • M mrjj
                    5 Jul 2020, 18:28

                    Ok
                    so on the vertical layout, set its margins to zero and see. default its 12 pixels.
                    Im not sure if that is the case but it could explain the huge gap.
                    setContentsMargins(0,0,0,0);

                    L Offline
                    L Offline
                    lansing
                    wrote on 5 Jul 2020, 18:47 last edited by
                    #19

                    @mrjj

                    The top gap does become smaller, but when docked, I still couldn't move the contents into the title bar area.

                    alt text

                    M 1 Reply Last reply 5 Jul 2020, 19:09
                    0
                    • L lansing
                      5 Jul 2020, 18:47

                      @mrjj

                      The top gap does become smaller, but when docked, I still couldn't move the contents into the title bar area.

                      alt text

                      M Offline
                      M Offline
                      mrjj
                      Lifetime Qt Champion
                      wrote on 5 Jul 2020, 19:09 last edited by
                      #20

                      @lansing
                      Well when a widget is in a layout its not possible to move it.

                      you could try to use
                      https://doc.qt.io/qt-5/qdockwidget.html#titleBarWidget
                      and then setFixedHeight(1);
                      and see if that changes anything.

                      L 1 Reply Last reply 5 Jul 2020, 19:17
                      1
                      • M mrjj
                        5 Jul 2020, 19:09

                        @lansing
                        Well when a widget is in a layout its not possible to move it.

                        you could try to use
                        https://doc.qt.io/qt-5/qdockwidget.html#titleBarWidget
                        and then setFixedHeight(1);
                        and see if that changes anything.

                        L Offline
                        L Offline
                        lansing
                        wrote on 5 Jul 2020, 19:17 last edited by
                        #21

                        @mrjj

                        This will be worse because now it's even harder to click and drag the widget.

                        M 1 Reply Last reply 5 Jul 2020, 19:19
                        0
                        • L lansing
                          5 Jul 2020, 19:17

                          @mrjj

                          This will be worse because now it's even harder to click and drag the widget.

                          M Offline
                          M Offline
                          mrjj
                          Lifetime Qt Champion
                          wrote on 5 Jul 2020, 19:19 last edited by
                          #22

                          @lansing
                          Yes that was expected.
                          But did it accept smaller size ?

                          L 1 Reply Last reply 5 Jul 2020, 19:23
                          0
                          • M mrjj
                            5 Jul 2020, 19:19

                            @lansing
                            Yes that was expected.
                            But did it accept smaller size ?

                            L Offline
                            L Offline
                            lansing
                            wrote on 5 Jul 2020, 19:23 last edited by
                            #23

                            @mrjj

                            My program crashed on run

                            QWidget * titleBar = m_ui->myrDockWidget->titleBarWidget();
                            titleBar->setFixedHeight(1);
                            
                            M 1 Reply Last reply 5 Jul 2020, 19:29
                            0
                            • L lansing
                              5 Jul 2020, 19:23

                              @mrjj

                              My program crashed on run

                              QWidget * titleBar = m_ui->myrDockWidget->titleBarWidget();
                              titleBar->setFixedHeight(1);
                              
                              M Offline
                              M Offline
                              mrjj
                              Lifetime Qt Champion
                              wrote on 5 Jul 2020, 19:29 last edited by mrjj 7 May 2020, 19:30
                              #24

                              @lansing
                              ah sorry my bad
                              Docs says
                              "Returns the custom title bar widget set on the QDockWidget, or nullptr if no custom title bar has been set."

                              but we didnt anymore so its null. ok so not an option unless we do
                              m_ui->myDockWidget->setTitleBarWidget(new QWidget(m_ui->myDockWidget));

                              But you are right. Its too hard to hit if smaller so guess we just have to leave it.

                              I just wonder where that space comes from as the examples don't have it.

                              alt text

                              B 1 Reply Last reply 5 Jul 2020, 19:33
                              0
                              • M mrjj
                                5 Jul 2020, 19:29

                                @lansing
                                ah sorry my bad
                                Docs says
                                "Returns the custom title bar widget set on the QDockWidget, or nullptr if no custom title bar has been set."

                                but we didnt anymore so its null. ok so not an option unless we do
                                m_ui->myDockWidget->setTitleBarWidget(new QWidget(m_ui->myDockWidget));

                                But you are right. Its too hard to hit if smaller so guess we just have to leave it.

                                I just wonder where that space comes from as the examples don't have it.

                                alt text

                                B Offline
                                B Offline
                                Bonnie
                                wrote on 5 Jul 2020, 19:33 last edited by Bonnie 7 May 2020, 19:33
                                #25

                                @mrjj said in How do I hide the window title bar from QTabWidget:

                                I just wonder where that space comes from as the examples don't have it.

                                That must be the layout default margins...The OP mentioned using a vertical layout...

                                M 1 Reply Last reply 5 Jul 2020, 19:33
                                1
                                • B Bonnie
                                  5 Jul 2020, 19:33

                                  @mrjj said in How do I hide the window title bar from QTabWidget:

                                  I just wonder where that space comes from as the examples don't have it.

                                  That must be the layout default margins...The OP mentioned using a vertical layout...

                                  M Offline
                                  M Offline
                                  mrjj
                                  Lifetime Qt Champion
                                  wrote on 5 Jul 2020, 19:33 last edited by mrjj 7 May 2020, 19:35
                                  #26

                                  @Bonnie
                                  Also my thought but we did try
                                  setContentsMargins(0,0,0,0);
                                  higher up.

                                  So maybe that space is really just the hidden titlebar, it just look bigger to me than the samples.

                                  B L 2 Replies Last reply 5 Jul 2020, 19:37
                                  0
                                  • M mrjj
                                    5 Jul 2020, 19:33

                                    @Bonnie
                                    Also my thought but we did try
                                    setContentsMargins(0,0,0,0);
                                    higher up.

                                    So maybe that space is really just the hidden titlebar, it just look bigger to me than the samples.

                                    B Offline
                                    B Offline
                                    Bonnie
                                    wrote on 5 Jul 2020, 19:37 last edited by Bonnie 7 May 2020, 19:43
                                    #27

                                    @mrjj said in How do I hide the window title bar from QTabWidget:

                                    setContentsMargins(0,0,0,0);

                                    I would guess that the OP call that on the widget, not the layout...
                                    Ah...maybe not...
                                    I'm not sure what's the current situation now. I thought the gap in the later picture would be that titlebar?

                                    1 Reply Last reply
                                    0
                                    • M mrjj
                                      5 Jul 2020, 19:33

                                      @Bonnie
                                      Also my thought but we did try
                                      setContentsMargins(0,0,0,0);
                                      higher up.

                                      So maybe that space is really just the hidden titlebar, it just look bigger to me than the samples.

                                      L Offline
                                      L Offline
                                      lansing
                                      wrote on 5 Jul 2020, 19:41 last edited by
                                      #28

                                      @mrjj

                                      Yes it's the title bar

                                      alt text

                                      M 1 Reply Last reply 5 Jul 2020, 19:44
                                      0
                                      • L lansing
                                        5 Jul 2020, 19:41

                                        @mrjj

                                        Yes it's the title bar

                                        alt text

                                        M Offline
                                        M Offline
                                        mrjj
                                        Lifetime Qt Champion
                                        wrote on 5 Jul 2020, 19:44 last edited by
                                        #29

                                        @lansing
                                        Ok so thats as far as we can come as you cannot move tabWidget more up. :)

                                        1 Reply Last reply
                                        0
                                        • M mrjj
                                          5 Jul 2020, 14:39

                                          Hi
                                          What title bar ??

                                          alt text

                                          If you mean when you use it as a window so its shown with the normal border and title then you can do

                                          setWindowFlags(Qt::Window | Qt::FramelessWindowHint);

                                          YunusY Offline
                                          YunusY Offline
                                          Yunus
                                          wrote on 15 Dec 2022, 07:58 last edited by
                                          #30

                                          @mrjj is there any way to use Qt::FramelessWindowHint and giving resizeability to the widget at the same time. Because whenweused the Qt::FramelessWindowHint, widget is not able to be resizeable anymore ?

                                          M 1 Reply Last reply 15 Dec 2022, 12:53
                                          0

                                          • Login

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