Contents

FormGridContainer QML Type

This component render a grid of small cards. More...

Import Statement: import org.kde.kirigamiaddons.formcard
Inherits:

Item

Properties

Detailed Description

This is used to display multiple information in a FormCard.FormLayout without taking too much vertical space.

import org.kde.kirigamiaddons.formcard as FormCard

FormCard.FormGridContainer {
    id: container

    Layout.topMargin: Kirigami.Units.largeSpacing
    Layout.fillWidth: true

    infoCards: [
        FormCard.FormGridContainer.InfoCard {
            title: "42"
            subtitle: i18nc("@info:Number of Posts", "Posts")
        },
        FormCard.FormGridContainer.InfoCard {
            title: "42"
            subtitle: i18nc("@info:Number of followers.", "Followers")
        }
    ]
}

Property Documentation

bottomPadding : real [default: 0]

Padding property used around the content edges.


cardWidthRestricted : bool [read-only]

This property holds whether the card's width is being restricted.


horizontalPadding : real [default: 0]

Padding property used around the content edges.


infoCards : list<QtObject>

This property holds the InfoCards which should be displayed.

Each InfoCard contains a title and an optional subtitle

import org.kde.kirigamiaddons.formcard as FormCard

FormCard.FormGridContainer {
    infoCards: [
        FormCard.FormGridContainer.InfoCard {
            title: "42"
            subtitle: i18nc("@info:Number of Posts", "Posts")
        },
        FormCard.FormGridContainer.InfoCard {
            title: "42"
        },
        FormCard.FormGridContainer.InfoCard {
            title: "Details"
            action: Kirigami.Action {
                onClicked: pageStack.push("Details.qml")
            }
        }
    ]
}

leftPadding : real [default: 0]

Padding property used around the content edges.


maximumWidth : real [default: Kirigami.Units.gridUnit * 30]

This property holds the maximum width of the grid.


padding : real [default: 0]

Padding property used around the content edges.


rightPadding : real [default: 0]

Padding property used around the content edges.


topPadding : real [default: 0]

Padding property used around the content edges.


verticalPadding : real [default: 0]

Padding property used around the content edges.