Ubuntu.Components.PageHeadSections

PageHeadSections is used to configure the sections for a Page. More...

Import Statement:	import Ubuntu.Components 1.3
Since:	Ubuntu.Components 1.1
Inherits:	QtObject

Properties

actions : Action
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

actions : selectedIndex.

When selectedIndex] will be triggered.

This QML property was introduced in Ubuntu.Components 1.3.

enabled : bool

Set this property to false to disable user interaction to change the selected section. Default value: true

model : actions as input, but if no trigger functions need to be specified, it can be simplified to a list of strings naming the sections:

import Ubuntu.Components 1.3
import QtQuick 2.4
MainView {
width: units.gu(50)
height: units.gu(80)
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.

selectedIndex : int

The index of the currently selected section in model.