Learn what Felgo offers to help your business succeed. Start your free evaluation today! Felgo for Your Business


Provides custom styling for ToolBar. More...

Import Statement: import QtQuick.Controls.Styles 1.4
Since: Qt 5.2


Detailed Description

The tool bar can be defined by overriding the background component and setting the content padding.


ToolBar {
    style: ToolBarStyle {
        padding {
            left: 8
            right: 8
            top: 3
            bottom: 3
        background: Rectangle {
            implicitWidth: 100
            implicitHeight: 40
            border.color: "#999"
            gradient: Gradient {
                GradientStop { position: 0 ; color: "#fff" }
                GradientStop { position: 1 ; color: "#eee" }

Property Documentation

background : Component

This defines the background of the tool bar.

This defines the menu button appearance on platforms that have a unified tool bar and menu bar.

The following read-only properties are available within the scope of the menu button delegate:

styleData.pressed : bool Whether the button is pressed.
styleData.hovered : bool Whether the button is hovered.
styleData.activeFocus : bool Whether the button has active focus.

This QML property was introduced in QtQuick.Controls.Styles 1.3.

panel : Component

This defines the panel of the tool bar.

Qt_Technology_Partner_RGB_475 Qt_Service_Partner_RGB_475_padded