Sailfish OS
  • Info
  • User Experience
  • Cases
  • Community
  • Developers
  • Contact
  • Get Sailfish OS
Select Page
  • Info
  • User Experience
  • Cases
  • Community
  • Developers
  • Contact
  • Get Sailfish OS

API Documentation

Documentation for developing SailfishOS applications
  • API Documentation
  • Libsailfishapp
  • Sailfish Silica
    • Documentation
    • Icon Reference
  • Sailfish Components
    • Sailfish Accounts
    • Sailfish Bluetooth
    • Sailfish Contacts
    • Sailfish Crypto
    • Sailfish Gallery
    • Sailfish Media
    • Sailfish Pickers
    • Sailfish Secrets
    • Sailfish Share
    • Sailfish Telephony
    • Sailfish Webview
    • Amber Web Authorization
    • Amber MPRIS
  • Nemo QML Plugins
    • Configuration
    • Contacts
    • D-Bus
    • Keepalive
    • Notifications
    • Thumbnailer
  • Sailfish Middleware
    • MDM Framework
    • MDM Policy Framework
    • User Manager Daemon
  • API Documentation
  • Libsailfishapp
  • Sailfish Silica
    • Documentation
    • Icon Reference
  • Sailfish Components
    • Sailfish Accounts
    • Sailfish Bluetooth
    • Sailfish Contacts
    • Sailfish Crypto
    • Sailfish Gallery
    • Sailfish Media
    • Sailfish Pickers
    • Sailfish Secrets
    • Sailfish Share
    • Sailfish Telephony
    • Sailfish Webview
    • Amber Web Authorization
    • Amber MPRIS
  • Nemo QML Plugins
    • Configuration
    • Contacts
    • D-Bus
    • Keepalive
    • Notifications
    • Thumbnailer
  • Sailfish Middleware
    • MDM Framework
    • MDM Policy Framework
    • User Manager Daemon

Contents

  • Properties
  • Detailed Description

DetailItem QML Type

Styled display of a label and an associated value More...

Import Statement: import Sailfish.Silica 1.0
  • List of all members, including inherited members

Properties

  • label : string
  • leftMargin : real
  • rightMargin : real
  • value : string

Detailed Description

DetailItem is used to show a label and its associated value. It is typically used in multiples within a Column to display information represented by a set of (label = value) pairs.

For example, the following code displays a set of battery information using multiple detail items within a column:

 import QtQuick 2.2
 import Sailfish.Silica 1.0

 Page {
     Column {
         spacing: Theme.paddingMedium
         DetailItem {
             label: "Battery state"
             value: "Charging"
         }
         DetailItem {
             label: "Charger"
             value: "Plugged in"
         }
     }
 }

Property Documentation

label : string

The first piece of displayed text, describing the detail.


leftMargin : real

The margins between the left and right edges of the item and its contents. The default value is Theme.horizontalPageMargin.


rightMargin : real

The margins between the left and right edges of the item and its contents. The default value is Theme.horizontalPageMargin.


value : string

The second piece of displayed text, showing the value of the detail.

See also label.


  • Legal
  • Contact Us
  • Jolla Mobile Ltd © 2025

  • Facebook
  • Twitter
  • Mastodon
  • YouTube
  • LinkedIn