Contents

FormGridContainer QML Type

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

Import Statement: import org.kde.kirigamiaddons.formcard

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.