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.
  • L lansing
    5 Jul 2020, 16:02

    @mrjj

    Yes I looked at that doc for over 10 minutes and I couldn't find it. There's nothing about dragging and moving the widget when the title bar was hidden.

    This doesn't make the dockwidget draggable.

    m_ui->myDockWidget->setTitleBarWidget(new QWidget(m_ui->myDockWidget));
    m_ui->myDockWidget->setFloating(false);
    
    M Offline
    M Offline
    mrjj
    Lifetime Qt Champion
    wrote on 5 Jul 2020, 16:09 last edited by
    #10

    @lansing

    Well it uses the title bar for dragging and you remove it so im not sure why you expect that to still work ?

    But you can fix it with
    https://stackoverflow.com/questions/18765918/how-to-create-a-draggable-borderless-and-titleless-top-level-window-in-qt

    But why not just leave it alone if you want all the features it provides?

    Maybe you could hide it when it get docked but then you cannot undock it again.

    So not really sure what you really want as you cant both remove it and use it :=)

    1 Reply Last reply
    0
    • 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

                                          19/34

                                          5 Jul 2020, 18:47

                                          • Login

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