PageHeadSections
PageHeadSections is used to configure the sections for a Page. More...
Import Statement: | import Ubuntu.Components 1.1 |
Since: | Ubuntu.Components 1.1 |
Inherits: |
Properties
- enabled : bool
- model : var
- selectedIndex : int
Detailed Description
These sections will be shown in the bottom part of the header. This component does not need to be instantiated by the developer, it is automatically part of PageHeadConfiguration.
Property Documentation
enabled : bool |
Set this property to false to disable user interaction to change the selected section. Default value: true
model : var |
List of strings that represent section names. Example:
import Ubuntu.Components 1.1 import QtQuick 2.2 MainView { width: units.gu(50) height: units.gu(80) useDeprecatedToolbar: false Page { id: page title: "Sections" head { sections { model: ["one", "two", "three"] } } Label { anchors.centerIn: parent text: "Section " + page.head.sections.selectedIndex } } }
It is strongly recommended to limit the number of sections to two or three.