On this page

Change properties

Change the values of component properties in the Properties view.

View changes in properties

The default values of properties are displayed in white color, while the values that you specify explicitly are highlighted with blue color. In addition, property changes in states are highlighted with blue.

This allows you to easily see which values are set in the component file for this component instance and which values are default characteristics of a component.

When editing states, you can easily see which values are explicitly set in the current state and which values are derived from the base state.

The following images illustrate this. In the base state, the Position and Size values are explicitly set and highlighted.

Explicitly set properties.

In State1, only Position is explicitly set and highlighted.

Explicitly set properties.

Resetting a property sets it back to the default value and removes the value from the component file.

Note: As a result, all boolean values can be visualized in four different ways.

For example, visibility can be visualized as follows:

The Visibility property selected but not highlighted.

TRUEThe component is visible by default. The visibility might be overridden by the visibility set in the base state.

The Visibility property selected and highlighted.

TRUE (highlighted)The component is explicitly set to visible.

The Visibility property not selected and not highlighted.

FALSEThe component is hidden by default. The visibility might be overridden by the visibility set in the base state.

The Visibility property not selected but highlighted.

FALSE (hightlighted)The component is explicitly set to hidden.

Multiselection

To modify the values of common properties of multiple components simultaneously, select the components in the Navigator or 2D view:

  • On Windows, select and hold Ctrl and Shift, and then click the components to select them.
  • On macOS, select Shift to select a range of components or Cmd to select multiple single components.

You can lock other components in Navigator to make multiselection easier.

Copy and paste formatting

You can copy property values from a component and paste them to one or several other components. The values are applied if the target components have those particular properties.

To copy property values from a component, right-click it in the 2D or Navigator view and select Edit > Copy Formatting.

To apply the values to one or several other components, select them in the Navigator or 2D view, and then right-click and select Edit > Apply Formatting.

Edit properties inline

You can double-click components in the 2D view to edit their text, color, or source properties inline. Because you can specify several of these properties for some components, such as Text Edit, you can also right-click components to open the inline editors from the context menu.

Selecting Edit Color from the context menu in the 2D view.

Edit properties in multiple views

You can open multiple Properties views to edit the properties of multiple nodes simultaneously. You can lock each of the Properties views to prevent the subject node from changing by each selection.

Note: To edit properties in multiple views, activate the Multi Property Editor extension.

To edit the properties of multiple nodes simultaneously:

  1. In Navigator, select any node and open the Properties view to edit its properties.
  2. In Properties, to open another Properties view for editing properties of another node:
    1. Select the Lock off button to prevent the subject node from changing.
    2. In Navigator, select another node.
    3. In Properties, select the Plus button to edit its properties in another Properties view.
  3. Edit the properties in each of the Properties views as needed.

    Opening a new Properties view to edit the properties of another node.

Get help for properties

See also Activate extensions, How to: Use UI components, Qt Quick UI design, and Designing Qt Quick UIs.

Copyright © The Qt Company Ltd. and other contributors. Documentation contributions included herein are the copyrights of their respective owners. The documentation provided herein is licensed under the terms of the GNU Free Documentation License version 1.3 as published by the Free Software Foundation. Qt and respective logos are trademarks of The Qt Company Ltd in Finland and/or other countries worldwide. All other trademarks are property of their respective owners.