<![CDATA[Quick Controls 2, is it possible to show and hide header (toolbar) dynamically?]]>I have an ApplicationWindow with a header and a footer:

import QtQuick 2.7
import QtQuick.Controls 2.0
import QtQuick.Layouts 1.3
import QtQuick.Controls.Material 2.0

ApplicationWindow {
    Material.theme: Material.Dark

    id: window
    visible: true

    header: ToolBar {
        id: toolBar

        RowLayout {
            anchors.fill: parent

            Slider {
                Layout.fillWidth: true
            }
        }
    }

    footer: ToolBar {
        id: statusBar
    }
}

So far it works fine. But if I try to hide the footer and the header at runtime upon some event (toolBar.visible = false), the contents disappears (e. g. the Slider), but the reserved header and footer areas themselves stay on screen. Is there a workaround?

]]>https://forum.qt.io/topic/69931/quick-controls-2-is-it-possible-to-show-and-hide-header-toolbar-dynamicallyRSS for NodeFri, 23 Oct 2026 20:39:49 GMTThu, 04 Aug 2016 08:26:44 GMT60<![CDATA[Reply to Quick Controls 2, is it possible to show and hide header (toolbar) dynamically? on Fri, 05 Aug 2016 08:10:18 GMT]]>@ekkescorner, yes, I've seen that. Turns out I had an anchor loop that prevented it from working. Works now! The QML is starting too look way too complicated, but at least it works.

]]>https://forum.qt.io/post/340919https://forum.qt.io/post/340919Fri, 05 Aug 2016 08:10:18 GMT<![CDATA[Reply to Quick Controls 2, is it possible to show and hide header (toolbar) dynamically? on Fri, 05 Aug 2016 07:41:34 GMT]]>you can use a Component for the Loader
http://doc.qt.io/qt-5/qml-qtquick-loader.html

]]>https://forum.qt.io/post/340915https://forum.qt.io/post/340915Fri, 05 Aug 2016 07:41:34 GMT<![CDATA[Reply to Quick Controls 2, is it possible to show and hide header (toolbar) dynamically? on Fri, 05 Aug 2016 07:39:18 GMT]]>@ekkescorner
That's interesting, especially since I'm still struggling with my initial approach (manipulating header.visible + toolbar.height). But this looks complicated since I don't want to declare a separate .qml. Gonna give it a try.

]]>https://forum.qt.io/post/340914https://forum.qt.io/post/340914Fri, 05 Aug 2016 07:39:18 GMT<![CDATA[Reply to Quick Controls 2, is it possible to show and hide header (toolbar) dynamically? on Fri, 05 Aug 2016 06:38:02 GMT]]>hi,
you can use headers dynamically. simply use loaders.
while my app is starting-up my header is null
then I have different headers for Portrait and Landscape
works perfect

header: isLandscape || !initDone ? null : titleBar
    // show TITLE  BARS is delayed until INIT DONE
    Loader {
        id: titleBar
        visible: !isLandscape && initDone
        active: !isLandscape && initDone
        source: "navigation/DrawerTitleBar.qml"
    }
    // in LANDSCAPE header is null and we have a floating TitleBar
    Loader {
        id: titleBarFloating
        visible: isLandscape && initDone
        active: isLandscape && initDone
        source: "navigation/DrawerTitleBar.qml"
        anchors.top: parent.top
        anchors.left: parent.left
        anchors.right: parent.right
    }
    // end TITLE BARS

for your scenario use .active of the loader instead of .visible of the header
should work

]]>https://forum.qt.io/post/340904https://forum.qt.io/post/340904Fri, 05 Aug 2016 06:38:02 GMT<![CDATA[Reply to Quick Controls 2, is it possible to show and hide header (toolbar) dynamically? on Thu, 04 Aug 2016 13:20:02 GMT]]>https://bugreports.qt.io/browse/QTBUG-55143

]]>https://forum.qt.io/post/340818https://forum.qt.io/post/340818Thu, 04 Aug 2016 13:20:02 GMT<![CDATA[Reply to Quick Controls 2, is it possible to show and hide header (toolbar) dynamically? on Thu, 04 Aug 2016 11:28:51 GMT]]>@jpnurmi
Thanks a lot, will report a bug shortly. For a moment there I was afraid the window isn't supposed to relayout its contents, meaning what I'm trying to do is impossible.

]]>https://forum.qt.io/post/340799https://forum.qt.io/post/340799Thu, 04 Aug 2016 11:28:51 GMT<![CDATA[Reply to Quick Controls 2, is it possible to show and hide header (toolbar) dynamically? on Thu, 04 Aug 2016 11:20:17 GMT]]>Please report a bug. ApplicationWindow actually even relayouts the content when the visibility of the header or footer changes, but it must be missing a check for their visibility and so it merely uses their heights regardless of their visibility. As a temporary workaround, you can set the header to null or set the tool bar's height to 0. Sorry for the inconvenience. We have plans to introduce some sort of transient headers and footers at some point, but the work for that hasn't started yet...

]]>https://forum.qt.io/post/340797https://forum.qt.io/post/340797Thu, 04 Aug 2016 11:20:17 GMT<![CDATA[Reply to Quick Controls 2, is it possible to show and hide header (toolbar) dynamically? on Thu, 04 Aug 2016 10:48:45 GMT]]>@Devopia53
Hi. That looked very promising, but no, that doesn't work either. A stripe of the window background color remains where the header and footer were. The full-screen view inside the window (with anchors.fill: parent) did not expand into this free area.

]]>https://forum.qt.io/post/340789https://forum.qt.io/post/340789Thu, 04 Aug 2016 10:48:45 GMT<![CDATA[Reply to Quick Controls 2, is it possible to show and hide header (toolbar) dynamically? on Thu, 04 Aug 2016 08:46:28 GMT]]>@Violet-Giraffe

Hi.

Do you want this? window.header.visible = false

]]>https://forum.qt.io/post/340729https://forum.qt.io/post/340729Thu, 04 Aug 2016 08:46:28 GMT