FormGridContainer QML Type

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

Import Statement: import org.kde.kirigamiaddons.formcard

Properties

bottomPadding : real
cardWidthRestricted : bool
delegates : list<Item>
horizontalPadding : real
leftPadding : real
maximumWidth : real
padding : real
rightPadding : real
topPadding : real
verticalPadding : real

Detailed Description

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

Form delegates can also be placed directly inside the container. In this mode, delegates are displayed in a two-column grid, each with its own card background.

 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")
         }
     ]
 }

 import org.kde.kirigamiaddons.formcard as FormCard

 FormCard.FormGridContainer {
     FormCard.FormTextDelegate {
         text: "Name"
     }
     FormCard.FormSwitchDelegate {
         text: "Enable notifications"
     }
 }