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 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
                                      • YunusY Yunus
                                        15 Dec 2022, 07:58

                                        @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 Offline
                                        M Offline
                                        mrjj
                                        Lifetime Qt Champion
                                        wrote on 15 Dec 2022, 12:53 last edited by mrjj
                                        #31

                                        @Yunus
                                        Hi
                                        Sadly not. That flag removes the decorations. ( the frame) and those are used by the OS to resize.
                                        It's possible to hand code it but it's hard work.
                                        Often people use less code-intensive solution and allow resize from right, bottom corner only.
                                        Using this class
                                        https://doc.qt.io/qt-6/qsizegrip.html

                                        1 Reply Last reply
                                        1
                                        • JonBJ Online
                                          JonBJ Online
                                          JonB
                                          wrote on 15 Dec 2022, 12:55 last edited by
                                          #32

                                          @Yunus , @mrjj
                                          See https://forum.qt.io/topic/141510/how-to-make-framelesswindowhint-resizable

                                          1 Reply Last reply
                                          2

                                          • Login

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