Components/Data displayIntroduced in 1.3.0

EInplace Inplace

import EUI 1.0

Examples

Click to edit

QML sourceQML

import EUI 1.0 import QtQuick 2.15 import QtQuick.Layouts 1.15 import QtQuick.Controls 2.15 EInplace { width: 320 text: qsTr("Click to edit") EInput { text: qsTr("Editable value") } }

Preview

Run the code to try the component

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

Code runs in this browser Licenses

Close editor

QML sourceQML

import EUI 1.0 import QtQuick 2.15 import QtQuick.Layouts 1.15 import QtQuick.Controls 2.15 EInplace { width: 320 closable: true text: qsTr("Click to edit") EInput { text: qsTr("Editable value") } }

Preview

Run the code to try the component

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

Code runs in this browser Licenses

Initially editing

QML sourceQML

import EUI 1.0 import QtQuick 2.15 import QtQuick.Layouts 1.15 import QtQuick.Controls 2.15 EInplace { width: 320 active: true text: qsTr("Click to edit") EInput { text: qsTr("Editable value") } }

Preview

Run the code to try the component

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

Code runs in this browser Licenses

Custom display

QML sourceQML

import EUI 1.0 import QtQuick 2.15 import QtQuick.Layouts 1.15 import QtQuick.Controls 2.15 EInplace { width: 320 text: qsTr("Click to edit") displayComponent: ETag { text: "Edit account" iconSource: EIcons.PENCIL } EInput { text: qsTr("Editable value") } }

Preview

Run the code to try the component

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

Code runs in this browser Licenses

Disabled edit

QML sourceQML

import EUI 1.0 import QtQuick 2.15 import QtQuick.Layouts 1.15 import QtQuick.Controls 2.15 EInplace { width: 320 enabled: false text: qsTr("Click to edit") EInput { text: qsTr("Editable value") } }

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

editoralias

Editor Component instantiated in edit mode.

DefaulteditorLoader.sourceComponent

textstring

Displayed text.

Default""

activebool

Whether the editor is currently displayed.

Defaultfalse

closablebool

Show a button to leave edit mode.

Defaulttrue

displayComponentComponent

Display content while the inplace editor is closed.

Defaultnull

itemaliasRead only

Currently loaded content instance; null before loading.

DefaulteditorLoader.item

Signals

SignaturePurpose

closed()

Emitted after the component closes.

opened()

Emitted after the component opens.

Methods

SignaturePurpose

close()

Close the component panel or popup.

open()

Open the component panel or popup.