@@ -34,7 +34,7 @@ Showable {
34 property var infographicModel
34 property var infographicModel
35 property bool draggable: true
35 property bool draggable: true
37− property alias showInfographic: infographicsLoader.active
37+ property bool showInfographic: false
38 property real infographicsLeftMargin: 0
38 property real infographicsLeftMargin: 0
39 property real infographicsTopMargin: 0
39 property real infographicsTopMargin: 0
40 property real infographicsRightMargin: 0
40 property real infographicsRightMargin: 0
@@ -108,15 +108,8 @@ Showable {
108 visible: false
108 visible: false
112− id: infographicsLoader
112+ id: infographicsArea
113− objectName: "infographicsLoader"
114− sourceComponent:Infographics {
116− objectName: "infographics"
117− model: root.infographicModel
118− clip: true // clip large data bubbles
121 anchors {
114 anchors {
122 leftMargin: root.infographicsLeftMargin
115 leftMargin: root.infographicsLeftMargin
@@ -130,6 +123,20 @@ Showable {
127+ id: infographicsLoader
128+ objectName: "infographicsLoader"
129+ active: root.showInfographic && infographicsArea.width > units.gu(32)
130+ anchors.fill: infographicsArea
132+ sourceComponent:Infographics {
134+ objectName: "infographics"
135+ model: root.infographicModel
136+ clip: true // clip large data bubbles
134 id: swipeHint
141 id: swipeHint
135 objectName: "swipeHint"
142 objectName: "swipeHint"