ListItemFlatButton QML Type

Flat button for list items and lists and notifications. More...

Since: Qt 5.11




Detailed Description

ListItemFlatButton provides a type of a list item with a flat button and close button on the right side. The flat button supports text on one line and its width is aligned with text width. The visibility of close button can be defined with closeButtonVisible property.

See Neptune 3 UI Components and Interfaces to see more available components in Neptune 3 UI.

Example Usage

The following example uses ListItemBasic:

import QtQuick 2.10
import shared.controls 1.0

Item {
    id: root
    ListView {
        model: 3
        delegate:  ListItemFlatButton {
            implicitWidth: Sizes.dp(765)
            implicitHeight: Sizes.dp(104)
            symbolFlatButton: Style.image("ic-favorite")
            subText: "subtitle"
            text: "ListItem with button text"
            textFlatButton: "Text"
            closeButtonVisible: true

Property Documentation

closeButtonVisible : bool

This property holds a visibility of close button. The default value is false.

symbolFlatButton : string

This property holds a flat button icon path.

textFlatButton : string

This property holds a flat button text.

Signal Documentation


The signal is emitted when close button is clicked

Note: The corresponding handler is onCloseButtonClicked.


The signal is emitted when flat button is clicked

Note: The corresponding handler is onFlatButtonClicked.

© 2018 Pelagicore AG. 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.