Qt Documentation

Qt 5.8
Qt Quick Controls 2
QML Types
TextArea QML Type

TextArea QML Type

Multi-line text input area. More...

Import Statement:	import QtQuick.Controls 2.1
Since:	Qt 5.7
Inherits:	TextEdit

List of all members, including inherited members

Properties

background : Item
focusReason : enumeration
hoverEnabled : bool
hovered : bool
placeholderText : string

Attached Properties

flickable : TextArea

Signals

void pressAndHold(MouseEvent event)
void pressed(MouseEvent event)
void released(MouseEvent event)

Detailed Description

TextArea is a multi-line text editor. TextArea extends TextEdit with a placeholder text functionality, and adds decoration.

TextArea {
    placeholderText: qsTr("Enter description")
}

TextArea is not scrollable by itself. Especially on screen-size constrained platforms, it is often preferable to make entire application pages scrollable. On such a scrollable page, a non-scrollable TextArea might behave better than nested scrollable controls. Notice, however, that in such a scenario, the background decoration of the TextArea scrolls together with the rest of the scrollable content.

Scrollable TextArea

If you want to make a TextArea scrollable, for example, when it covers an entire application page, attach it to a Flickable and combine with a ScrollBar or ScrollIndicator.

Flickable {
    id: flickable
    anchors.fill: parent

    TextArea.flickable: TextArea {
        text: "TextArea\n...\n...\n...\n...\n...\n...\n"
        wrapMode: TextArea.Wrap
    }

    ScrollBar.vertical: ScrollBar { }
}

A TextArea that is attached to a Flickable does the following:

Sets the content size automatically
Ensures that the background decoration stays in place
Clips the content

See also TextField, Customizing TextArea, and Input Controls.

Property Documentation

background : Item

This property holds the background item.

Note: If the background item has no explicit size specified, it automatically follows the control's size. In most cases, there is no need to specify width or height for a background item.

Note: Most controls use the implicit size of the background item to calculate the implicit size of the control itself. If you replace the background item with a custom one, you should also consider providing a sensible implicit size for it (unless it is an item like Image which has its own implicit size).

See also Customizing TextArea.

focusReason : enumeration

This property holds the reason of the last focus change.

Note: This property does not indicate whether the control has active focus, but the reason why the control either gained or lost focus.

Constant	Description
`Qt.MouseFocusReason`	A mouse action occurred.
`Qt.TabFocusReason`	The Tab key was pressed.
`Qt.BacktabFocusReason`	A Backtab occurred. The input for this may include the Shift or Control keys; e.g. Shift+Tab.
`Qt.ActiveWindowFocusReason`	The window system made this window either active or inactive.
`Qt.PopupFocusReason`	The application opened/closed a pop-up that grabbed/released the keyboard focus.
`Qt.ShortcutFocusReason`	The user typed a label's buddy shortcut
`Qt.MenuBarFocusReason`	The menu bar took focus.
`Qt.OtherFocusReason`	Another reason, usually application-specific.

See also Item::activeFocus.

hoverEnabled : bool

This property determines whether the text area accepts hover events. The default value is true.

This QML property was introduced in QtQuick.Controls 2.1.

See also hovered.

[read-only] hovered : bool

This property holds whether the text area is hovered.

This QML property was introduced in QtQuick.Controls 2.1.

See also hoverEnabled.

placeholderText : string

This property holds the short hint that is displayed in the text area before the user enters a value.

Attached Property Documentation

TextArea.flickable : TextArea

This property attaches a text area to a Flickable.

See also ScrollBar, ScrollIndicator, and Scrollable TextArea.

Signal Documentation

void pressAndHold(MouseEvent event)

This signal is emitted when there is a long press (the delay depends on the platform plugin). The event parameter provides information about the press, including the x and y position of the press, and which button is pressed.

See also pressed and released.

void pressed(MouseEvent event)

This signal is emitted when the text area is pressed by the user. The event parameter provides information about the press, including the x and y position of the press, and which button is pressed.

This QML signal was introduced in QtQuick.Controls 2.1.

See also released and pressAndHold.

void released(MouseEvent event)

This signal is emitted when the text area is released by the user. The event parameter provides information about the release, including the x and y position of the press, and which button is pressed.