- Qt 5.3
- Qt Quick Controls
- QML Types
- TabViewStyle QML Type
- Qt 5.3.2 Reference Documentation

# TabViewStyle QML Type

Provides custom styling for TabView More...

Import Statement: | `import QtQuick.Controls.Styles 1.2`
Since: | Qt 5.1

- List of all members, including inherited members

## Properties

- control : TabView
- frame : Component
- frameOverlap : int
- leftCorner : Component
- rightCorner : Component
- tab : Component
- tabBar : Component
- tabOverlap : int
- tabsAlignment : int
- tabsMovable : bool

## Detailed Description

    TabView {
        id: frame
        anchors.fill: parent
        anchors.margins: 4
        Tab { title: "Tab 1" }
        Tab { title: "Tab 2" }
        Tab { title: "Tab 3" }

        style: TabViewStyle {
            frameOverlap: 1
            tab: Rectangle {
                color: styleData.selected ? "steelblue" :"lightsteelblue"
                border.color:  "steelblue"
                implicitWidth: Math.max(text.width + 4, 80)
                implicitHeight: 20
                radius: 2
                Text {
                    id: text
                    anchors.centerIn: parent
                    text: styleData.title
                    color: styleData.selected ? "white" : "black"
                }
            }
            frame: Rectangle { color: "steelblue" }
        }
    }

## Property Documentation

read-onlycontrol : TabView

The ScrollView attached to this style.

frame : Component

This defines the tab frame.

frameOverlap : int

This property holds the amount of overlap there are between individual tab buttons and the frame.

leftCorner : Component

This defines the left corner.

rightCorner : Component

This defines the right corner.

tab : Component

This defines the tab. You can access the tab state through the `styleData` property, with the following properties:

readonly property int styleData.index | This is the current tab index.
readonly property bool styleData.selected | This is the active tab.
readonly property string styleData.title | Tab title text.
readonly property bool styleData.nextSelected | The next tab is selected.
readonly property bool styleData.previousSelected | The previous tab is selected.
readonly property bool styleData.hovered | The tab is being hovered.
readonly property bool styleData.enabled | The tab is enabled. (since QtQuick.Controls.Styles 1.2)
readonly property bool styleData.activeFocus | The tab button has keyboard focus.
readonly property bool styleData.availableWidth | The available width for the tabs.
readonly property bool styleData.totalWidth | The total width of the tabs. (since QtQuick.Controls.Styles 1.2)

tabBar : Component

This defines the tab bar background.

tabOverlap : int

This property holds the amount of overlap there are between individual tab buttons.

tabsAlignment : int

This property holds the horizontal alignment of the tab buttons. Supported values are:

- Qt.AlignLeft (default)
- Qt.AlignHCenter
- Qt.AlignRight

tabsMovable : bool

This property holds whether the user can move the tabs. Tabs are not movable by default.