import QtQuick 2.6
import QtQuick.Layouts 1.1
import QtQuick.Window 2.2

Window {
	visible: true
	width: 400
	height: 200
	title: qsTr("Hello World")

	Rectangle {
		anchors.fill: parent
		anchors.margins: 20
		color: "#44000000"

		ColumnLayout {
			id: col
			anchors.fill: parent

			property url img: "http://lparchive.org/Digimon-World/Update%2036/8-dmwicon-Happiness.png"

			Text {
				Layout.fillWidth: true
				text: "<b>This is an very long right elided string</b> " +
					  "<img src=\"%1\" width=\"12\" height=\"12\" >".arg(col.img) +
					  " in a single line Text component!"
				wrapMode: Text.NoWrap
				elide: Text.ElideRight
				textFormat: Text.StyledText
			}

			Text {
				Layout.fillWidth: true
				text: "<b>This is an very long left elided string</b> " +
					  "<img src=\"%1\" width=\"12\" height=\"12\" >".arg(col.img) +
					  " in a single line Text component!"
				wrapMode: Text.NoWrap
				elide: Text.ElideLeft
				textFormat: Text.StyledText
			}

			Text {
				Layout.fillWidth: true
				text: "<b>This is an very long middle elided string</b> " +
					  "<img src=\"%1\" width=\"12\" height=\"12\" >".arg(col.img) +
					  " in a single line Text component!"
				wrapMode: Text.NoWrap
				elide: Text.ElideMiddle
				textFormat: Text.StyledText
			}
		}
	}
}