--- /dev/null
+// import QtQuick 1.0 // to target S60 5th Edition or Maemo 5
+import QtQuick 1.1
+import com.nokia.meego 1.1
+import 'UIConstants.js' as UI
+
+Item {
+ id: helpDialog
+ property string titleText: qsTr("Help")
+ property string message
+
+ signal clicked
+
+ Rectangle {
+ id: textRect
+ anchors.fill: parent
+ anchors.margins: UI.DEFAULT_MARGIN
+ color: "white"
+
+ Text {
+ id: helpTitle
+ anchors.top: parent.top
+ anchors.left: parent.left
+ anchors.right: parent.right
+ anchors.bottomMargin: UI.DEFAULT_MARGIN
+ text: helpDialog.titleText
+ font.pixelSize: UI.FONT_XLARGE
+ font.bold: true
+ horizontalAlignment: Text.AlignHCenter
+ }
+
+ Rectangle {
+ id: border
+ anchors.top: helpTitle.bottom
+ anchors.bottom: okButton.top
+ anchors.left: parent.left
+ anchors.right: parent.right
+ anchors.rightMargin: 1
+ anchors.bottomMargin: UI.DEFAULT_MARGIN
+ clip: true
+
+ border.width: 1
+ border.color: "lightgray"
+ color: "transparent"
+
+ Flickable {
+ id: textFlickable
+ anchors.fill: parent
+ anchors.margins: UI.DEFAULT_MARGIN
+ boundsBehavior: Flickable.StopAtBounds
+ // contentWidth: helpText.paintedWidth
+ contentHeight: helpText.paintedHeight
+ Text {
+ id: helpText
+ text: helpDialog.message
+ font.pixelSize: UI.FONT_DEFAULT
+ color: "black"
+ wrapMode: Text.WrapAtWordBoundaryOrAnywhere
+ width: parent.width
+ onLinkActivated: Qt.openUrlExternally(link)
+ }
+ }
+
+ ScrollDecorator {
+ flickableItem: textFlickable
+ }
+
+ }
+
+ Button {
+ id: okButton
+ text: qsTr("OK")
+ anchors.horizontalCenter: parent.horizontalCenter
+ anchors.bottom: parent.bottom
+ anchors.margins: UI.DEFAULT_MARGIN
+ onClicked: helpDialog.clicked()
+ }
+
+ }
+
+ Rectangle {
+ id: shadowRight
+ color: "darkgray"
+ anchors.left: textRect.right
+ anchors.bottom: textRect.bottom
+ width: UI.DEFAULT_MARGIN / 2
+ height: textRect.height - UI.DEFAULT_MARGIN / 2
+ }
+ Rectangle {
+ id: shadowBottom
+ color: "darkgray"
+ anchors.left: textRect.left
+ anchors.leftMargin: UI.DEFAULT_MARGIN / 2
+ anchors.top: textRect.bottom
+ width:textRect.width
+ height: UI.DEFAULT_MARGIN / 2
+ }
+}