Components/Basic componentsIntroduced in 1.2.0

EToolBar Toolbar

import EUI 1.0

Examples

Common actions

QML sourceQML

import EUI 1.0 import QtQuick 2.15 import QtQuick.Layouts 1.15 import QtQuick.Controls 2.15 EToolBar { width: Math.min(420, parent ? parent.width : 420) model: [{text: qsTr("Open"), command: "open", iconSource: EIcons.FOLDER}, {text: qsTr("Save"), command: "save", iconSource: EIcons.COPY}, {text: qsTr("Copy"), command: "copy", iconSource: EIcons.COPY}] }

Preview

Run the code to try the component

Edit text, properties, or events, then select Run.

Code runs in this browser Licenses

Overflow menu

QML sourceQML

import EUI 1.0 import QtQuick 2.15 import QtQuick.Layouts 1.15 import QtQuick.Controls 2.15 EToolBar { width: Math.min(150, parent ? parent.width : 150) model: [{text: qsTr("Open"), command: "open", iconSource: EIcons.FOLDER}, {text: qsTr("Save"), command: "save", iconSource: EIcons.COPY}, {text: qsTr("Copy"), command: "copy", iconSource: EIcons.COPY}] }

Preview

Run the code to try the component

Edit text, properties, or events, then select Run.

Code runs in this browser Licenses

Toggle actions

QML sourceQML

import EUI 1.0 import QtQuick 2.15 import QtQuick.Layouts 1.15 import QtQuick.Controls 2.15 EToolBar { width: Math.min(420, parent ? parent.width : 420) model: [{text: qsTr("Bold"), checkable: true}] }

Preview

Run the code to try the component

Edit text, properties, or events, then select Run.

Code runs in this browser Licenses

Show icons only

QML sourceQML

import EUI 1.0 import QtQuick 2.15 import QtQuick.Layouts 1.15 import QtQuick.Controls 2.15 EToolBar { width: Math.min(420, parent ? parent.width : 420) model: [{text: qsTr("Open"), command: "open", iconSource: EIcons.FOLDER}, {text: qsTr("Save"), command: "save", iconSource: EIcons.COPY}, {text: qsTr("Copy"), command: "copy", iconSource: EIcons.COPY}] showText: false }

Preview

Run the code to try the component

Edit text, properties, or events, then select Run.

Code runs in this browser Licenses

Share a Qt Action

QML sourceQML

import EUI 1.0 import QtQuick 2.15 import QtQuick.Layouts 1.15 import QtQuick.Controls 2.15 EToolBar { width: Math.min(420, parent ? parent.width : 420) model: [{action: saveAction}] Action { id: saveAction text: qsTr("Save") checkable: true } }

Preview

Run the code to try the component

Edit text, properties, or events, then select Run.

Code runs in this browser Licenses

Properties

PropertyDescriptionValues and default

alignmentint

Horizontal alignment of visible actions: left, center, or right.

"start" / "center"
"end"

DefaultQt.AlignLeft

enabledbool

Allow interaction; false disables the control.

Defaulttrue

fontfont

Font settings for the family, size and text style.

Common fields:
family, pixelSize, pointSize
bold, italic, weight
underline, strikeout
letterSpacing, wordSpacing

DefaultQt.font({ pixelSize: 16 })

heightreal

Component size in pixels; may be bound to its parent layout.

DefaultimplicitHeight

modelvar

Item model; fields are described in the examples and usage guide.

Default[]

showTextbool

Show action labels; icon mode retains accessible names.

Defaulttrue

sizeint

Text size.

EStyle.Small
EStyle.Medium
EStyle.Large

DefaultEControlConfig.sizeFor(control)

spacingreal

Spacing between action items, in pixels.

Default6

visiblebool

Whether the component is visible.

Defaulttrue

widthreal

Component size in pixels; may be bound to its parent layout.

DefaultimplicitWidth

itemsvarRead only

Action items after filtering hidden entries.

DefaultComputed at runtime

naturalWidthrealRead only

Content width required to display every action.

DefaultComputed at runtime

overflowItemsvarRead only

Action model used by the overflow menu.

DefaultComputed at runtime

visibleCountintRead only

Number of directly visible actions; remaining actions appear in the overflow menu.

DefaultComputed at runtime

Signals

SignaturePurpose

failed(string message)

Emitted when an operation fails; message describes the error.

command(var value, var item)

Emitted when a command is invoked, with its value and menu item.

Methods

SignaturePurpose

trigger(index)

Invoke the specified item command, as if the item were selected.